微信小程序-传参
2017-11-27 11:29
190 查看
1、普通页面间传参
[b]1.1 url链接传参[/b]index.js 点击按钮跳转list页面,传值username
wx.navigateTo({ url: '../list/list?username='+this.data.username })
list.js onload方法里接收username参数
Page({ onLoad: function(options){ console.log(options.username) } })
[b]1.2 缓存参数[/b]
index.js 点击按钮跳转list页面,传值username(setStorageSync为同步接口,setStorage为异步接口)
wx.setStorageSync('username', this.data.username)
list.js onload方法里接收username参数
Page({ onLoad: function(){ let shopMsg = wx.getStorageSync('username') } })
2、点击事件传参
item点击传参<view class="item" bindtap="showDetail" data-id="{{item.id}}"></view>
Page({ showDetail: function(e) { console.log(e.currentTarget.dataset.id); } })
3、扫描普通二维码跳转小程序传参
普通二维码链接https://www.demo.com/item?id=123456 https://www.demo.com/item.action?id=123456
小程序内部参数解析 options.q
Page({ onLoad: function(options) { var url = decodeURIComponent(options.q); //普通二维码链接 console.log(url.match(/id=(\d*)/i)[1]); } })
相关文章推荐
- 微信支付(基于微信小程序)
- 微信 小程序 官方教程 开发文档 开发工具
- 微信小程序入门之构建一个简单TODOS应用
- 微信小程序:json、map、字符串转换
- 微信小程序之内嵌网页--web-view
- anjular2以及微信小程序的一点比较
- 微信小程序仿微信运动步数排行(交互)
- 关于微信小程序你所需要掌握的技能
- 微信小程序常见错误及基本排除方法
- 微信小程序开发第三弹
- 微信小程序教学第四章第三节(含视频):小程序中级实战教程:详情-功能完善
- 微信小程序开发
- 微信小程序 实例开发总结
- 论微信小程序的坑:thirdScriptError TypeError: this.setData is not a function
- 微信小程序实例源码大全下载
- 微信小程序自定义组件之可清除的input组件
- 微信小程序 错误记录
- 微信小程序购物商城系统开发系列-工具篇
- 微信小程序入门教程--列表渲染多层嵌套循环及wx:key的使用
- 微信小程序开发详解 3 :开发框架视图层