微信小程序跳转页面携带参数

小程序跳转页面并携带参数，有两种情况，一是在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)}

微信小程序跳转页面携带参数相关推荐

微信小程序跳转页面带参数
微信小程序跳转页面带参数 1.给参数赋值 2.跳转页面 3.在目的地页面的onload里打印即可得到上个页面带过来的参数 4.完整的带参跳转方法(js)
手机按三角返回页面上一页_小猿圈微信小程序跳转页面都有哪些？
随着科技的进步互联网的发展,微信小程序逐渐成为了很多推广渠道的入口,但是因为很多做前端的小伙伴们不知道怎么去实现跳转页面,弄得不知所措,今天小猿圈前端讲师就给你讲解几种微信小程序跳转页面方法. 微信小 ...
微信小程序跳转页面问题
微信小程序跳转页面的方式: 1.跳转至tabBar页面,并关闭其他所有非 tabBar页面 wx.switchTab({ url: '路径' //url同app.json中配置的tabBar路径 }) ...
微信小程序跳转页面的不同方法
微信小程序如何进行页面切换呢? 一,使用声明式导航 1.对于tabbar页面的跳转(若不明白tabbar可自行百度) 使用switchTab进行跳转在wxml中输入 <navigator ur ...
php 生成微信小程序码（可携带参数）永久有效，数量暂无限制
官方文档入口一.首先要先获取 access_token,把拿到的token存放在redis中 a.php文件 /*** 获取小程序全局唯一后台接口调用凭据 accessToken* access_ ...
关于微信小程序跳转页面后不刷新问题，和页面跳转后左上角还保留了之前的页面，和存在返回按钮的解决方法
在微信小程序的页面跳转上,可能大多数的情况下会在一级子页面使用 wx.navigateTo跳转到二级页面,会从二级页面返回主页面或则从三级页面提交数据后返回主页面,为了良好的客户使用效果,在一二级页面 ...
微信小程序跳转页面后onload中获取到的参数值和跳转页面时传的参数不一样
channel是一个从后端获取的被加密的一个字符串且已经被encode,我不对其进行修改,只在页面中跳转时带上这个参数,有接口需要传给后端这个参数时,传给他decodeURIComponent(cha ...
unapp微信小程序转发分享、携带参数
一.第一种方式: // 开启小程序原生右上角分享按钮uni.showShareMenu({// https://developers.weixin.qq.com/miniprogram/dev/fra ...
微信小程序跳转页面方法
一.跳转到 tabBar 页面 wx.switchTab()方法用来跳转至tabBar页面,并关闭其他所有非 tabBar 页面,示例代码如下: wx.switchTab({url: '/index' ...

微信小程序跳转页面携带参数

微信小程序跳转页面携带参数相关推荐

最新文章

热门文章