微信小程序的传值方式

Posted 倔强的代码人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序的传值方式相关的知识,希望对你有一定的参考价值。

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

  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>

以上是关于微信小程序的传值方式的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 跳转传值实现方式

微信小程序_页面传值

微信小程序- 父组件传值给子组件

微信小程序picker选择器(下拉框)以及传值问题

微信小程序转发传值及自定义图片

微信小程序 获取用户openid并给webview传值