微信小程序从一个页面跳转到另一个页面传参数问题

微信小程序官方文档

01.传一个或多个参数

原页面

<navigator url="目的地址页面?value=1" >xxxx</navigator>

目的地址的js文件

onLoad: function(options) {
    console.log(options);
    this.setData({
      type: options.type
    })
  }

navigator默认跳转方式open-type:

open-type	String 	navigate		跳转方式

对应于:wx.navigateTo(Object object)

url	需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔;如 'path?key=value&key2=value2'

02.传对象

注意:数据是一个数组类型
datas[]

然后传递被点击的数组里的对象。
原页面的wxml:

<view bindtap="vendorDetail" data-item="{{item}}">
xxxxx
</view>

原页面的js
将对象转化为字符串

let str=JSON.stringify(e.currentTarget.dataset.item);
vendorDetail: function (e) {
  let data=JSON.stringify(e.currentTarget.dataset.item);
  wx.navigateTo({
  url: '../goods_list/goods_list?data='+data
  })
 }

在跳转的页面中:

然后在跳转显示的页面中写入: 

onload: function(options) {
    var data = JSON.parse(options.data)
   //现在data就是index.js中传过来的数据
   this.setData({detail:data});
}
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值