关于微信小程序web-view遇到的一个坑

最新推荐文章于 2025-04-03 20:45:00 发布

原创最新推荐文章于 2025-04-03 20:45:00 发布 · 734 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #微信

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文探讨了在微信小程序中使用web-view组件时遇到的页面跳转异常问题，主要原因是URL未正确进行编码和解码，强调了解决此类问题的关键步骤。

记录使用web-view中遇到的一个问题

使用web-view进行跳转页面时,发现路径传过去后打开异常的情况,
这种情况一般是没有对其url进行编码解码导致;

//跳转路径
	 let url = '/pages/web-view/index?url=' + encodeURIComponent(res.data);//对地址进行编码 
        wx.navigateTo({
          url: url,
        })

//web-viwe
	 onLoad: function (options) {
        this.setData({
            url:decodeURIComponent(options.url)//解码
        })
    },