小程序data-id传参,通过 url: ‘../details/details?url=‘+url,页面之间进行传参
2020-07-03 02:26
78 查看
我们在微信小程序开发的过程中,往往有时候我们需要进行页面之间的传参
比如我们通过新闻列表,在新闻列表点击详情进入详情页面
点击新闻列表,然后跳转到下一个页面,我们不肯能写N个页面,我们只需要拿到当前页面的url
<view bindtap="gotoDetails" data-url='{{item.url}}'> <view style="height:75rpx" class="title">{{item.title}} </view> <view class="author" style="height:75rpx"> <text class="position">{{item.author_name}}</text> <text>{{item.date}}</text></view> </view>
然后我们在自定义方法
gotoDetails(e){ var url = e.currentTarget.dataset.url; // console.log(url) wx.navigateTo({ url: '../details/details?url='+url, }) },
我们到详情页面接受参数
onLoad:function(options){ let url = options.url; this.setData({ url:url }) },
注意:在onload方法,最好别把onload:function()改为箭头函数,我找错找了好久,改回来终于不报错了
总结:小程序页面进行传参
相关文章推荐
- vue 获取后台数据id通过url传参,进行页面跳转
- 两个页面之间通过url地址栏进行传值
- vue同级页面之间通过query如何传参?
- 权限系统--通过shiro进行按钮及页面访问url的权限控制
- 通过URL跨页面传参
- vue 点击图片列表将图片ID通过URL传到另外一个页面
- 通过url在页面之间传递多个参数
- MFC SendMessage之间通过COPYDATA进行传输字符串
- 通过url方式传参jsp页面中文乱码
- wordpress如何通过分类ID获取分类目录页面链接URL?
- 微信小程序,除了在url后面传递,如何在下一个页面传参,在下个页面如何接收到
- 在Datalist中通过点击某条目录跳转页面时用URL进行传值的方法
- 两个页面之间通过js进行传值
- 微信小程序实现两个页面之间传递数据,变量(通过本地缓存的方式)
- 小程序页面跳转传参参数值为url时参数丢失。
- 用js通过url传参把数据从一个页面传到另一个页面
- 使用iframe如何通过url传参把数据从一个页面传到另一个页面(contentWindow)
- 页面之间传参获取url后面的参数
- Spring MVC中redirect到一个页面,同时带些信息过去进行显示,但是不通过Session方式及URL方式
- js跳转页面通过url传递数据 (html?id=1),下个界面查数据库