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

微信小程序跳转页面携带参数小程序跳转页面并携带参数,有两种情况,一是在wxml里通过navigatorurl跳转,一种是在js里通过点击事件跳转,下面案例为跳转详情页面在wxml中:<viewclass=’wait-solve’wx:for=”{{items}}”wx:key=”items.name”wx:for-index=”idx”wx:for-item=”item”>…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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>

Jetbrains全家桶1年46,售后保障稳定

在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.net/234254.html原文链接:https://javaforall.net

(0)
上一篇 2025年6月8日 下午5:15
下一篇 2025年6月8日 下午5:43


相关推荐

  • Java稀疏数组

    Java稀疏数组当一个数组中大部分元素为 或者为同一个值的数组时 可以使用稀疏数组来保存该数组 记录数组一共有几行几列 有多少个不同的值把具有不同值的元素的行列及值记录在一个小规模的数组中 从而缩小程序的规模如图 把一个 6X7 的二维数组变为了一个 9X3 的稀疏数组 其中二维数组转稀疏数组稀疏数组转二维数组先读取稀疏数组的第一行 保存二维数组的行列信息 还原二维数组读取稀疏数组的其他行 将值赋给二维数组的对应位置上的数

    2026年3月16日
    2
  • 零基础学Java(6)控制流程

    零基础学Java(6)控制流程控制流程与任何程序设计语言一样,Java使用条件语句和循环结构确定控制流程。块作用域我们首先要了解块(block)的概念。块是指由若干条Java语句组成的语句,并用一对大括号括起来。块确定了变

    2022年8月7日
    12
  • 如何制作离线tts?「建议收藏」

    如何制作离线tts?「建议收藏」tts->把文字转化为语音。先把中文转化为拼音。这个主要依靠1个字典,能把汉字和读音对应。下面提供字典:丂yu丄shang丅xia丆shi丏mian丗shi丟diu丠qiu両liang丣you並bing丩jiu丮ji丯jie丱kuang丳chan丵zhuo丷ba丼jing乀fu乁yi乂yi乆jiu乊hu乑yin乕hu乗sheng乚yin乛zhe乢gai乣jiu乨shi乪nang乴xue乵yan乸na乹qian乿luan

    2022年6月21日
    35
  • docker部署jenkins安装使用教程_docker安装python

    docker部署jenkins安装使用教程_docker安装python前言使用docker安装jenkins环境,jenkins构建的workspace目录默认是在容器里面构建的,如果我们想执行python3的代码,需进容器内部安装python3的环境。进jenki

    2022年7月29日
    9
  • 关于前端更新需要清空浏览器缓存

    关于前端更新需要清空浏览器缓存清理网站缓存的几种方法

    2026年3月18日
    2
  • 计算机专业基础985,【择校必看】十三所计算机专业课只考数据结构的985院校!…

    计算机专业基础985,【择校必看】十三所计算机专业课只考数据结构的985院校!…该楼层疑似违规已被系统折叠隐藏此楼查看此楼敲黑板 本文涉及到的学校计算机专业考研只考数据结构 其中部分院校同时也会考算法 C 语言等相关内容 但是 相对其他几门 无疑在专业课的复习上大大降低了难度 如果各位同学目前的专业课复习并不理想 也可以考虑把以下院校作为一种选择 1 厦门大学信息科学与技术学院计算机专硕思想政治理论 英语二 数学二 903 数据结构 B2 南开大学计算机学院计算机专硕思想政治理

    2026年3月26日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号