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

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


相关推荐

  • c语言debug和release什么区别_电源模式有何差别

    c语言debug和release什么区别_电源模式有何差别.NET中Debug模式与Release模式差别

    2022年4月22日
    97
  • php 实现工厂模式 实例

    php 实现工厂模式 实例工厂模式:由工厂类根据参数来决定创建出哪一种产品类的实例工厂类是指包含了一个专门用来创建其他对象方法的类。根据传入参数进行选择返回具体类的实例。主要作用就是对象创建的封装、简化创建对象的操作。也就是调用工厂类的一个方法(传入参数)来得到需要的类<?php//定义一个抽象类abstractclassOperation{protected$numA=0;protected$numB=0;protected$result=0;.

    2022年7月25日
    6
  • uva 11732 – strcmp() Anyone? 不错的Trie题

    uva 11732 – strcmp() Anyone? 不错的Trie题

    2021年12月8日
    40
  • 折腾Cubieboard

    折腾Cubieboard1)开箱板子+塑料看

    2022年7月22日
    17
  • byte与word的区别_女生类型分类

    byte与word的区别_女生类型分类在Visual C++ 6.0中,BYTE与WORD,DWORD本质上都是一种无符号整型,它们在WINDEF.H中被定义,定义如下:typedef unsigned char BYTE;typedef unsigned short WORD;typedef unsigned long DWORD;也就是说BYTE是无符号的char型(char型本质上也是一…

    2022年8月18日
    5
  • 宝塔搭建php项目是什么_用宝塔怎么修改网站源码

    宝塔搭建php项目是什么_用宝塔怎么修改网站源码宝塔搭建PHP项目宝塔下载地址我选的是linux用宝塔搭建前提是你买的服务器并没有安装任何的镜像与环境进入官网选择你要的然后点击立即安装进入安装教程安装要求根据自己的主机商进入,我的是阿里云的设置一些开放端口添加安全组规则添加这些必要的端口mysql3306的记住一定要放行,这样可用本地工具连接远程服务器的数据库上面设置好之后就可以安装了,我的是Centosyuminstall-ywget&&wget-Oin

    2025年6月5日
    2

发表回复

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

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