微信小程序链接传参并跳转新页面


Posted in Javascript onNovember 29, 2016

 像传统的传参一样,只是在微信里面的标签不一样而已,navigator标签的文档说明

https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122

下面是传递参数并展示新页面的一个简单栗子:

这是index.wxml代码:

<navigator class="bury-wrapper wx-li" url="../detail/detail?id={{name.id}}"> 
<view>评19</view> 
</navigator>

url是../detail/detail....... 传递参数是id="{{item.id}}" url="../detail/detail?id=88"

detail.js代码如下

Page({ 
onLoad: function(options) { 
var duanziId = options.id 
var that = this 
wx.showToast({ 
title: '加载中', 
icon: 'loading', 
duration: 1000 
}) 
wx.request({ 
url: 'https://www.xxx.xxx?m=getDetail&duanziId='+duanziId, //服务器参数接收地址, 
data: {token:token}, 
method: 'GET', 
success: function(res){ 
console.log(res.data.result) //打印获取数据 
that.setData({ 
duanziDetail:res.data.result 
}) 
} 
}) 
} 
})

detail.wxml代码:

<view class="duanzi-content"> 
<text class="dz-content">{{duanziDetail.content}}</text> 
</view>

app.json中pages配置代码如下

"pages":[ 
"pages/index/index", 
"pages/detail/detail", 
"pages/center/center", 
"pages/tucao/tucao", 
"pages/search/search" 
]

目录结构:

微信小程序链接传参并跳转新页面

以上所述是小编给大家介绍的微信小程序链接传参并跳转新页面,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript - HTML的request类
Jan 09 Javascript
JavaScript高级程序设计 事件学习笔记
Sep 10 Javascript
多个$(document).ready()的执行顺序实例分析
Jul 26 Javascript
js中window.open打开一个新的页面
Aug 10 Javascript
jQuery实现图片局部放大镜效果
Mar 17 Javascript
深入理解React中es6创建组件this的方法
Aug 29 Javascript
Angular之toDoList的实现代码示例
Dec 02 Javascript
JS如何获取地址栏的参数实例讲解
Oct 06 Javascript
element-ui中Table表格省市区合并单元格的方法实现
Aug 07 Javascript
BootstrapValidator实现表单验证功能
Nov 08 Javascript
vue实现element表格里表头信息提示功能(推荐)
Nov 20 Javascript
js实现搜索提示框效果
Sep 05 Javascript
JavaScript中Array对象用法实例总结
Nov 29 #Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
Nov 29 #Javascript
JavaScript构建自己的对象示例
Nov 29 #Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
Nov 29 #Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 #Javascript
JavaScript中return用法示例
Nov 29 #Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 #Javascript
You might like
php获取用户IPv4或IPv6地址的代码
2012/11/15 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
2010/01/22 Javascript
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
Web前端设计模式  制作漂亮的弹出层
2010/10/29 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
JavaScript程序员应该知道的45个实用技巧
2014/03/04 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
2014/04/03 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
js结合正则实现国内手机号段校验
2015/06/19 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
2016/10/11 Javascript
JavaScript之Vue.js【入门基础】
2016/12/06 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
对vue中v-if的常见使用方法详解
2018/09/28 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
2019/09/29 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
详解Vite的新体验
2021/02/22 Javascript
Python入门之三角函数atan2()函数详解
2017/11/08 Python
python中lambda()的用法
2017/11/16 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
Python实现区域填充的示例代码
2021/02/03 Python
css3个性化字体_动力节点Java学院整理
2017/07/12 HTML / CSS
CSS3中的@keyframes关键帧动画的选择器绑定
2016/06/13 HTML / CSS
以实惠的价格提供高品质的时尚:Newchic
2018/01/18 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
大专生自荐信
2013/10/04 职场文书
服装行业创业计划书范文
2014/02/05 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
辩论赛主持人开场白
2015/05/29 职场文书
最新动漫情报:2022年7月新番定档超过30部, OVERLORD骨王第四季也在其中噢
2022/05/04 日漫
ubuntu开机后ROS程序自启动问题
2022/12/24 Servers