微信小程序的传值方式

标签：点击   function   按钮   syn   cti   UNC   data   func   方式   

简述微信小程序传值的方式

1. 通过链接传值（跳转页面传值）

　　　　在当前页面

　　<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>

微信小程序的传值方式

标签：点击   function   按钮   syn   cti   UNC   data   func   方式   

原文地址：https://www.cnblogs.com/zhangyue690811/p/11921596.html