微信小程序跳转页面携带参数
2023-06-13 09:15:06 时间
小程序跳转页面并携带参数,有两种情况,一是在wxml里通过navigator url跳转,一种是在js里通过点击事件跳转,下面案例为跳转详情页面
在wxml中:
<view class='wait-solve' wx:for="{
{items}}" wx:key="items.name" wx:for-index="idx" wx:for-item="item">
<navigator url='../../details/details?name={
{item.name}}' class="weui-cell weui-cell_access" hover-class="weui-cell_active">
<view class="weui-cell__bd" data-name="{
{item.name}}" bindtap='jumpDetails'>{
{item.value}}</view>
<view class="weui-cell__ft weui-cell__ft_in-access"></view>
</navigator>
</view>
在js中:
jumpDetails:function(e){
var name=e.currentTarget.dataset.name;
console.log(name)
wx.navigateTo({
url: "../details/details?name=" + name,
})
},
在跳转到详情页时获取携带过来的值:在onLoad中获取
data: {
title: "详情",
name: "", //跳转携带过来的参数
},
onLoad: function(options) {
this.setData({
name: options.name
})
//这个时候就拿到传过来的name了
console.log(this.data.name)
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/234254.html原文链接:https://javaforall.cn
相关文章
- 微信小程序调用摄像头实现拍照功能
- 【愚公系列】2022年09月 微信小程序-获取WIFI信息
- SIGIR 2022|邻域建模Graph-Masked Transformer提高微信视频点击率预测
- 微信公众号网页开发,登录授权和微信支付
- 简析微信小程序注册程序和函数
- h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」
- 【说站】微信小程序手机动态壁纸头像小程序(带流量主)源码
- 【微信小程序】解决wx.request请求异步与微信小程序开发中let that = this的运用
- 授权使用微信登陆第三方_微信图标改成WeChat
- 【愚公系列】2022年11月 微信小程序-优购电商项目-订单列表页面
- 二次修改的支付宝与微信支付Php接口开源
- java企业通知小程序微信消息推送小程序企业消息通知系统网站源码
- 微信小程序内容安全检测(敏感词、敏感图)
- 微信网页扫码登录的实现
- 微信支付商家转账到零钱实例参考
- 在微信小程序上做一个「博客园年度总结」:在小程序上使用echarts
- 微信小程序地图与位置相关操作
- 微信小程序+SpringBoot实现文件上传与下载
- 公司微信小程序怎么做出来的?制作小程序一共4个步骤!
- 微信模板小程序和定制开发小程序的区别?
- 微信小程序解决ios页面上推问题
- 微信小程序保存海报的方法详解手机开发
- 微信小程序代码片段预览的方法详解手机开发
- 120个程序源码–微信小程序
- 微信回应因青少年模式违规被诉讼:认真自检自查 虚心接受建议
- 微信群里有人骂人群主需依法劝阻 慢作为不作为要担责
- 微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动