微信小程序打开外部链接
如果是个人类型的小程序就没法打开外部链接了。首先要了解下微信提供的容器web-view。web-view | 微信开放文档 (qq.com)具体的操作步骤这样,首先在WXML文件里某个需要触发点击事件的标签里面加上点击事件。记得带上参数data-url="{{item.url}}"在JS文件中写上对应的函数navigateToURL (e) {// console.log(e);let eleme
·
如果是个人类型的小程序就没法打开外部链接了。
首先要了解下微信提供的容器web-view。
具体的操作步骤这样,首先在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()函数可以识别并且分立出url
onLoad: function (options) {
console.log('options',options);
let fromPath=decodeURIComponent(options.url);
this.setData({
url:fromPath
})
}
})
大功告成!
更多推荐
已为社区贡献1条内容
所有评论(0)