【20190425】小程序页面传值、取值的几种方法,以及踩到的坑——URL传值

在小程序传值,特别是跨页面传值上踩了两百个坑的我TUT今天终于要总结一下这些年来我踩过的坑了!
大致分为传值和取值两种,大家可以选择性查看!

一、URL传值
二、缓存传值
三、页面栈传值
四、全局对象传值
五、表单取值
六、data-传值

一、URL传值
适用场景:参数较少且不需要处理的情况,例如一篇文章的中带入文章id。
使用方法:
(1)标签内,参数拼接在url内,用?拼接,两个参数之间用&链接

A页面.wxml

<view wx:for='{
  {article}}'>
<navigator url='/pages/B?data_1=100'><navigator>
<navigator url='/pages/B?data_2=100&data_3=0'><navigator>
<navigator url='/pages/B?data_4={
  {item.articleId}}'><navigator>
</view>

B页面.js

onLoad(options){
	console.log(options)
	var data_1 = options.data_1
	//data_1="100",为字符串类型
}

url带来的参数在第二个页面中用onload接,要注意,接过来的对象为字符串,如果在需要int型

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值