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

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

         æ¥å¸¸ä¿æå°æææ¶å°è¯·ç¹èµï¼

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/234254.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • pdf拆分保留书签_pdf补丁

    pdf拆分保留书签_pdf补丁PDF补丁丁0.2.7.2版软件已经更新,请在博客首页(http://pdfpatcher.cnblogs.com)下载最新版。2010年6月11日更新功能介绍PDF补丁丁是一个用于修改PDF文件信息的工具。它具有以下功能:生成PDF文件:通过导入一批图片或已有PDF文件,生成包含图片及已有PDF文件指定页面范围的PDF文件。在生成文件时还可挂上书签。用此功能…

  • Python之operator库

    operator库常用方法operator.itemgetter返回一个可调用对象,获取项目使用的操作数的__getitem__()方法操作数。如果指定了多个项,则返回一个查找值元组。>&

    2021年12月19日
  • c/c++ 学习-open 函数

    c/c++ 学习-open 函数转自:http://blog.csdn.net/dong_007_007/article/details/16269021open函数用于打开和创建文件。以下是open函数的简单描述      #include       intopen(constchar*pathname,intoflag,…/*mode_tmode*/);   

  • jquery实现更多内容效果

    体验效果:http://hovertree.com/texiao/jquery/33/写个“更多内容的展开/收起”的js代码如下:转自:http://hovertree.com/h/bjaf/6

    2021年12月22日
  • code怎么tabnine激活码破解方法

    code怎么tabnine激活码破解方法,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • SSAS(2)_SSA全称

    SSAS(2)_SSA全称上1篇通过书中实验练习,开发了一个SSASCube。这里,基于这个Cube,再深入小结、试验有关SSASCube开发的扩展知识:维度属性间的关系及维度的层次结构(Hierarchies)维度与度量的关系多维数据集(Cube)KPI的实现多维数据集(Cube)行为(Action)的实现,例如:钻取多维数据集(Cube)的本地化与视图多维表达式(MDX)的应用书名:MCTSSel

    2022年10月25日

发表回复

您的电子邮箱地址不会被公开。

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