微信小程序的传值方式
简述微信小程序传值的方式
- 通过链接传值(跳转页面传值)
在当前页面
<button bindtap=‘clickMe’>点击我</button>
clickMe:function(){
Wx.navigateTo({
Url:’../work/work?id=1’
})
}
要跳转的页面
onLoad:function(options){
This.setData({
id:options.id
})
}
{{id}} 将id渲染到work.wxml中
2.通过data-*在本页面传值
<text data-id="{{key}}" bindtap="clickMe">我是按钮</text>
data: {key:123},
clickMe:function(e){
var id = e.currentTarget.dataset.id;
console.log(id)
}
3.通过本地存储传值
onLoad: function (options) {
wx.setStorageSync('title',123)
},
在另一个页面接收
onLoad: function (options) {
let info = wx.getStorageSync('title')
this.setData({
info: info
})
},
在另一个页面进行渲染
<text>{{info}}</text>