欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序 页面传值

程序员文章站 2024-02-15 09:36:04
...

微信小程序页面传值 在需要跳转的地方加上事件 比如:bindtap='clickBanner' 必须传值 data-id='{{item}}'

微信小程序 页面传值

js

微信小程序 页面传值

  //点击轮播图详情
  clickBanner: function (e) {
    var that = this
    console.log(e)
    var banner = e.currentTarget.dataset.banner;
    console.log('banner',banner)
    let str = JSON.stringify(banner);
    let user = wx.getStorageSync('user');
      wx.navigateTo({
        url: '/pages/index/banner_detail/banner_detail?jsonStr=' + str
      })
    },

在需要跳转的详情页面的js,onload一进入页面就会执行 只执行一次

微信小程序 页面传值

data:

  * 页面的初始数据
   */
  data: {
    item: []
  },

onload:

  onLoad: function (options) {
    var that = this
    console.log(options)
    let item = JSON.parse(options.jsonStr)
    console.log('轮播详情',item)
    this.setData({
      item: item
    })
}
查看详情item的话 使用 that.data.item

相关标签: 微信小程序