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

前端之家收集整理的这篇文章主要介绍了微信小程序 页面跳转传参详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

代码如下:

<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:'' },onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 this.setData({ title:options.id })

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

{{title}}

最终实现效果

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

原文链接:https://www.f2er.com/weapp/44792.html

猜你在找的微信小程序相关文章