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


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 相关文章推荐
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
PHP abstract与interface之间的区别
Nov 11 Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 Javascript
JavaScript实现的背景自动变色代码
Oct 17 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
vue.js声明式渲染和条件与循环基础知识
Jul 31 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
Sep 28 Javascript
如何优雅地在vue中添加权限控制示例详解
Mar 07 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
Apr 30 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
Jul 20 Javascript
如何解决日期函数new Date()浏览器兼容性问题
Sep 11 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
Function eregi is deprecated (解决方法)
2013/06/21 PHP
PHP判断变量是否为0的方法
2014/02/08 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
php实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
windows下安装nodejs及框架express
2015/08/07 NodeJs
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
AngularJS教程之环境设置
2016/08/16 Javascript
详解vuex结合localstorage动态监听storage的变化
2018/05/03 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
Vue v-for中的 input 或 select的值发生改变时触发事件操作
2020/08/31 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
Python中文件遍历的两种方法
2014/06/16 Python
Python实现扫描局域网活动ip(扫描在线电脑)
2015/04/28 Python
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
Django代码性能优化与Pycharm Profile使用详解
2018/08/26 Python
实例讲解Python中整数的最大值输出
2019/03/17 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
如何基于Python按行合并两个txt
2020/11/03 Python
VSCODE配置Markdown及Markdown基础语法详解
2021/01/19 Python
英国工具中心:UK Tool Centre
2017/07/10 全球购物
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
测绘工程个人的自我评价
2013/11/10 职场文书
黄河的主人教学反思
2014/02/07 职场文书
师恩难忘教学反思
2014/04/27 职场文书
建筑工地质量标语
2014/06/12 职场文书
员工年终考核评语
2014/12/31 职场文书
文明倡议书
2015/01/19 职场文书
入党转正申请报告
2015/05/15 职场文书
mysql数据库入门第一步之创建表
2021/05/14 MySQL
详解Vue中$props、$attrs和$listeners的使用方法
2022/02/18 Vue.js
Python进程池与进程锁之语法学习
2022/04/11 Python