微信小程序的传值方式

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

  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>

posted @ 2019-11-24 11:01  倔强的代码人  阅读(219)  评论(0编辑  收藏  举报