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

野性酷女 2022-10-05 12:59 410阅读 0赞

微信小程序官方文档

01.传一个或多个参数

原页面：

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

目的地址的js文件：

  1. onLoad: function(options) {
  2.     console.log(options);
  3.     this.setData({
  4.       type: options.type
  5.     })
  6.   }

navigator默认跳转方式open-type：

  1. open-type    String     navigate        跳转方式

对应于：wx.navigateTo(Object object)

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

02.传对象

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

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

  1. <view bindtap="vendorDetail" data-item="{ {item}}">
  2. xxxxx
  3. </view>

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

  1. let str=JSON.stringify(e.currentTarget.dataset.item);
  2. vendorDetail: function (e) {
  3.   let data=JSON.stringify(e.currentTarget.dataset.item);
  4.   wx.navigateTo({
  5.   url: '../goods_list/goods_list?data='+data
  6.   })
  7.  }

在跳转的页面中:

  1. 然后在跳转显示的页面中写入： 
  3. onload: function(options) {
  4.    　var data = JSON.parse(options.data)
  5.  　　//现在data就是index.js中传过来的数据
  6.  　　this.setData({detail:data});
  7. }

发表评论

表情：
评论列表 （有 0 条评论，410人围观）

还没有评论，来说两句吧...

相关阅读