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

微信小程序跳转页面携带参数小程序跳转页面并携带参数,有两种情况,一是在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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql索引类型和索引方式

    mysql索引类型和索引方式1.什么是索引在MySQL中,索引(index)也叫做“键(key)”,它是存储引擎用于快速找到记录的一种数据结构。2.索引的分类在MySQL中,通常我们所指的索引类型,有以下几种:主键索引(PRIMARYKEY)也简称主键。它可以提高查询效率,并提供唯一性约束。一张表中只能有一个主键。被标志为自动增长的字段一定是主键,但主键不一定是自动增长。一般把主键定义在无意义的字段上(如:编号)…

    2022年5月2日
    76
  • navicat premium mac激活码【2021最新】

    (navicat premium mac激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~70YZ…

    2022年3月26日
    167
  • php匹配图片、视频文件、音乐文件的正则表达式

    php匹配图片、视频文件、音乐文件的正则表达式

    2021年9月21日
    49
  • java交通信号灯模拟_城市交通信号灯

    java交通信号灯模拟_城市交通信号灯                           交通信号灯系统1.题目模拟实现十字路口的交通灯管理系统逻辑,具体需求如下: 异步随机生成按照各个路线行驶的车辆。例如:      由南向而来去往北向的车辆—-直行车辆      由西向而来去往南向的车辆—-右转车辆

    2022年9月14日
    2
  • 使用pycharm安装包失败后,应该怎么办?

    使用pycharm安装包失败后,应该怎么办?用pycharm进行安装第三方包的时候,一些情况下会出现安装失败(具体怎么安装搜一下,教程很全,但这不是想说的重点)。有时候是因为pip版本较低,升级一下即可,但有时候就是安装不上,原因查了一下,有的博主说是pip不支持断点续传,也有的说是版本路径问题。但是不论如何,这个问题有解决的方法,也是迫不得已的办法。第一步:去官网下载对应的安装包,网址如下:这是网址至于应该安装什么样的包,最简单…

    2022年5月13日
    66
  • tabnine pro 激活码【中文破解版】

    (tabnine pro 激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月27日
    55

发表回复

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

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