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


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高级程序设计(第3版)学习笔记7 js函数(上)
Oct 11 Javascript
js加减乘除丢失精度问题解决方法
May 16 Javascript
javascript基于HTML5 canvas制作画箭头组件
Jun 25 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
Nov 18 Javascript
AngularJS 指令的交互详解及实例代码
Sep 14 Javascript
探究JavaScript中的五种事件处理程序方式
Dec 07 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
Jun 06 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
Angular2使用vscode断点调试ts文件的方法
Dec 13 Javascript
Vue 中使用富文本编译器wangEditor3的方法
Sep 26 Javascript
react antd实现动态增减表单
Jun 03 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中const与define的应用区别
2013/06/18 PHP
Yii统计不同类型邮箱数量的方法
2016/10/18 PHP
Yii2 hasOne(), hasMany() 实现三表关联的方法(两种)
2017/02/15 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
PHP CURL与java http使用方法详解
2018/01/26 PHP
PHP设计模式入门之迭代器模式原理与实现方法分析
2020/04/26 PHP
JavaScript中使用stopPropagation函数停止事件传播例子
2014/08/27 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
JQuery Ajax WebService传递参数的简单实例
2016/11/02 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
2017/02/08 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
2018/01/31 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
AngularJS 应用模块化的使用
2018/04/04 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
Vue中的v-for指令不起效果的解决方法
2018/09/27 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
JavaScript中的惰性载入函数及优势
2020/02/18 Javascript
JS继承定义与使用方法简单示例
2020/02/19 Javascript
vue开发中遇到的问题总结
2020/04/07 Javascript
Python 爬虫学习笔记之正则表达式
2016/09/21 Python
python实现动态创建类的方法分析
2019/06/25 Python
Python利用matplotlib绘制折线图的新手教程
2020/11/05 Python
python推导式的使用方法实例
2021/02/28 Python
澳大利亚领先的亚麻品牌:Bed Threads
2019/12/16 全球购物
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
运动会广播稿80字
2014/01/23 职场文书
文明餐桌行动实施方案
2014/02/19 职场文书
2014教师研修学习体会
2014/07/08 职场文书
第二批党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
建议书格式
2015/02/04 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
债务纠纷代理词
2015/05/25 职场文书
2015年电教工作总结
2015/05/26 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书