当前位置:首页 > 微信 > 正文

微信小程序的传值方式

11-25 微信

标签:点击   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.jmwww.net/weixin/15477.html

博客主人杰米WWW
杰米博客,为大家提供seo以及it方面技巧喜欢的朋友收藏哦!
  • 11365文章总数
  • 2266821访问次数
  • 建站天数
  • 头条文章

    图文推荐

    站长推荐

    友情链接