web-view url无法携带参数问题

解决方案:

使用encodeURIComponent()编码,decodeURIComponent()解码

我们都知道小程序在跳转外链时只能通过web-view跳转

如果链接是在A页面请求到,传递到B页面中赋值给src,就容易出现参数丢失的现象

//A页面
src = 'https://www.example.com?id=3'
uni.uni.navigateTo({
        url: `/home/B?url=${src}`
})
//B页面
onLoad(e){
    this.url = e.url
}
//此时的url = 'https://www.example.com'  ?后边的参数丢失
 

一直跳转出错,后来才发现地址中参数丢失,?后面的参数丢失

解决方法:

传递地址时使用encodeURIComponent()编码,decodeURIComponent()解码

//A页面
src = 'https://www.example.com?id=3'
uni.uni.navigateTo({
        url: `/home/B?url=${encodeURIComponent(src)}`
})
//B页面
onLoad(e){
    this.url = decodeURIComponent(e.url)
}

这样传递过来的地址参数不会丢失

0

版权声明 ▶ 本网站名称:我的学习笔记
▶ 本文链接:https://ooolo.net/article/596.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!!

none
最后修改于:2025年03月27日 13:26

添加新评论

icon_mrgreen.pngicon_neutral.pngicon_twisted.pngicon_arrow.pngicon_eek.pngicon_smile.pngicon_confused.pngicon_cool.pngicon_evil.pngicon_biggrin.pngicon_idea.pngicon_redface.pngicon_razz.pngicon_rolleyes.pngicon_wink.pngicon_cry.pngicon_surprised.pngicon_lol.pngicon_mad.pngicon_sad.pngicon_exclaim.pngicon_question.png