加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

微信小程序 页面跳转传参详解

发布时间:2020-12-14 22:14:04 所属栏目:资源 来源:网络整理
导读:微信小程序 页面跳转传参,做微信小程序必定会用的这样的功能,这里就记录下本人学习实现代码资料。 刚接触微信小程序,多里面的语法和属性还不怎么聊解,如有不多的地方希望各位大神多多指教。今天来说下微信小程序怎么跳转和传参,话不多说直接上代码。 实

微信小程序 页面跳转传参,做微信小程序必定会用的这样的功能,这里就记录下本人学习实现代码资料。

刚接触微信小程序,多里面的语法和属性还不怎么聊解,如有不多的地方希望各位大神多多指教。今天来说下微信小程序怎么跳转和传参,话不多说直接上代码。

实现的功能是给列表增加点击功能传参到下一页;

代码如下:

<template name="newList">
<view class="section-list" bindtap="listClick" id="{{index}}">

<view class="section-textt">
<view class="title">{{item.title}}
<view class="subTitle">{{item.subTitle}}

这里只为下面的列表增加了点击方法

点击列表js代码

wx.navigateTo({url:'/pages/xiangqing/xiangqing?id=上一页的参数'})
}

其中

为跳转方法,id为需要传的参数 如果参数为动态参数代码如下:

wx.navigateTo({url:'/pages/xiangqing/xiangqing?id='+p})
}

其中p为上面为每一行设置的id值

在下一页取值代码如下:

然后在页面上显示代码如下:

{{title}}

最终实现效果:

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读