小程序页面跳转传参参数值为url时参数时 会出现丢失

Posted 大熊

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序页面跳转传参参数值为url时参数时 会出现丢失相关的知识,希望对你有一定的参考价值。

当参数的值为url的时候,  ?号   _  下划线   等等 都会被 截取掉,看不到,  这样在 另一个页面 options中  截取的url就不完全

let url="http://baidu_aaa.com/?a=1&b=2"

wx.navigateTo({ url: `detail?url=123` })

 

另一个页面  options.url = http://baidu   这个

 

 

解决方法

可以使用 encodeURIComponent():函数可把字符串作为 URI 组件进行编码,

let url=encodeURIComponent("http://baidu.com/?a=1&b=2")

wx.navigateTo({ url: `detail?url=` + url})

 

在获取的时候decodeURIComponent(options.url)

以上是关于小程序页面跳转传参参数值为url时参数时 会出现丢失的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序页面跳转url传参,对象、数据过长、特殊字符问题

Layui-跳转传参、父子页面

vue四种页面跳转传参方法

微信小程序页面跳转传参数

Vue的router路由跳转传参——实现跳转时url不显示参数

JSP页面上使用JSTL函数,对函数传参能否使用JSTL表达式?