大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全家桶1年46,售后保障稳定
小程序跳转页面并携带参数,有两种情况,一是在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)
}
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/234254.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...