微信小程序的传值方式

时间:2019-11-24 11:36:39   收藏:0   阅读:94

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

  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>

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!