首页 > 微信 > 详细

小程序的页面传参

时间:2020-09-06 14:45:47      阅读:74      评论:0      收藏:0      [点我收藏+]

我们在小程序的实际开发中总会遇到页面直接需要传递参数进行渲染和判断的需求,小程序的页面传参可以这样来实现。

首先获取到需要传递的参数。

<view class="box" bindtap="shangpin" data-id="{{aitem.id}}"></view>

 

 

先用view标签里用data-id把参数保存到技术分享图片

 

 

 

下一步在js中var index = e.currentTarget.dataset.id获取到这个id ,打印一下确认无误后

使用上一篇写的跳转方

 wx.navigateTo({
    url: ‘detail/detail?id=‘+index
})
携带着参数跳转到指定页面,

 

跳转之后就可以在页面的onload里打印options来获取参数

onLoad: function (options) {
    wx.showLoading({
      title: ‘正在加载中‘,
  });
    console.log(options)
    var index = options.id
}
打印出来id后确认无误就可以进行之后的操作啦。

 

小程序的页面传参

原文:https://www.cnblogs.com/wangyingze/p/13621567.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!