小程序url动态传递，参数丢失问题

最新推荐文章于 2025-05-11 15:41:41 发布

小贝壳.com

最新推荐文章于 2025-05-11 15:41:41 发布

阅读量1.2k

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_43107123/article/details/126386071

版权

在使用小程序跳转外部链接的时候使用到navigateTo / webView跳转
url 传递过来的 url比如为https://m.nicestwood.com/information/?bId=658

接受到的确实https://m.nicestwood.com/information，后面的参数丢失

需要用encodeURIComponent(),编码一下使用时decodeURIComponent（）解码

  let data = encodeURIComponent(e.currentTarget.dataset.url)
       const url = `/pages/webview/webview?link=${data}`
       wx.navigateTo({ url })

 let links = decodeURIComponent(options.link)
    this.setData({ url: `${links}?token=${token}` })
    wxml文件
     <web-view src="{{url}}"></web-view>

说明 encodeURIComponent不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ .
! ~ * ’ ( ) 。其他字符（比如：;/?😡&=+$,# 这些用于分隔 URI
组件的标点符号），都是由一个或多个十六进制的转义序列替换的。
encodeURIComponent()用于url作为参数传递的场景中使用