如果是个人类型的小程序就没法打开外部链接了。
首先要了解下微信提供的容器web-view。
web-view | 微信开放文档 (qq.com)
具体的操作步骤这样,首先在WXML文件里某个需要触发点击事件的标签里面加上点击事件。记得带上参数data-url="{{item.url}}"
在JS文件中写上对应的函数
navigateToURL (e) {// console.log(e);let elements = this.data.elements;let navigateURL = e.currentTarget.dataset.url;wx.navigateTo({url: '/pages/webview/webview?url=' + navigateURL,success: (result) => {},fail: (res) => {},complete: (res) => {},})},
我们这边跳转到了一个webview页面,所以记得在APP.JSON文件中加上路径。
然后在webview.wxml文件中写上一句代码
在webview.js文件中写上逻辑
const app = getApp()
Page({data: {url: '',},
//decodeURIComponent()函数可以识别并且分立出urlonLoad: function (options) {console.log('options',options);let fromPath=decodeURIComponent(options.url);this.setData({url:fromPath})}
})
大功告成!