navigator详解加开发特殊场景应用

本文介绍了在微信小程序中,如何利用navigator组件在授权协议页面传递参数,以及两种方法:存储localStorage和在URL中附带参数。重点强调了navigatorurl可以用于传递数据的特性。
摘要由CSDN通过智能技术生成

navigator详解

参考文献:navigator详解

废话不多说,navigator 普通用法微信官方文档已经很详细了,我就不赘述了,但前段时间我遇到一种情况,先上图
在这里插入图片描述
情景说明:
当我选择所属地区时,再点击授权协议,当在授权协议页面勾选我同意时,此页面选择框需要勾选,这样所属地区就会被清除,我授权协议使用的是navigator标签

以下是原始代码

// An highlighted block
<navigator url="pages/xxxx/xxxx/">《授权协议》</navigator>

实现上述情况有两种方式
1、使用wx.setStorageSync(‘XXXX’,‘xxxxxxxx’),在选择完成所属地区之后,把数据存入storage,在返回页面后,从storage中取值再重新渲染,但这样有些不友好。
2、经过实践,在这个url里面竟然可以传值,以下是代码

<navigator url="pages/xxxx/xxxx/?code={{地区code}}&value={{地区value}}">《授权协议》</navigator>

在授权页面js中代码:

onload(option){}
	console.log("所属地区code",option.code)

总结:
在navigator 的 url中,是可以传递参数的!!
在navigator 的 url中,是可以传递参数的!!
在navigator 的 url中,是可以传递参数的!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值