微信小程序刷新,局部对象更新,不保留历史记录跳转

博客类小程序源码,快速开通流量主,代码地址

常用方法

  • 隐藏底部导航条 wx.hideTabBar()
  • 获取本地存储 wx.getStorageSync(‘userInfo’)
  • 设置标题 wx.setNavigationBarTitle({title:’’})

页面路由跳转

window.open,不保存历史记录

wx.redirectTo({
  url: 'test?id=1'
})

保留当前页面,跳转到应用内的某个页面

wx.navigateTo({
  url: 'test?id=1'
})

跳转到tabBar页面,并关闭其他所有非tabBar页面

wx.switchTab({
  url: '/index'
})

关闭所有页面,重新进入指定页

wx.reLaunch({
  url:'/pages/index/index'
});

生命周期函数

函数 说明
  • onLoad 初始化相关参数,路由接参
  • onReady 监听页面初次渲染完成
  • onShow 监听页面显示
  • onHide 监听页面隐藏
  • onUnload 监听页面卸载
  • onPullDownRefresh 监听用户下拉动作
  • onReachBottom 页面上拉触底

绑定事件,获取参数

<button bindtap="btnclick"></button>
<button catchtap="btnclick"></button>
<button catchtap="btnclick" data-item={{obj}}></button>
//获取obj
let obj = e.currentTarget.dataset.item
tap:点击事件;
longtap:长按事件;
touchstart:触摸开始;
touchend:触摸结束;
touchcansce:取消触摸;
catch绑定能阻止事件冒泡)
数据更新,重新渲染页面
//更新obj里面的某个参数
this.setData({      			 
  ['snsData.setMenuListShow']:!snsData.setMenuListShow
});

//整个对象更新
this.setData({
  obj:'123'
})
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值