微信小程序打开外部链接

如果是个人类型的小程序就没法打开外部链接了。

首先要了解下微信提供的容器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()函数可以识别并且分立出url
  onLoad: function (options) {
    console.log('options',options);
    let fromPath=decodeURIComponent(options.url);
    this.setData({
      url:fromPath
    })
  }
})

 大功告成！