小程序之跳转外链

 

有一个功能是跳转外链，因为和页面的不一样，小程序大概是这么写的

这个功能需要在公众平台中做配置（小程序业务域名位置）

填写好各种内容

点击‘下载检验文件’

然后通过 ftp 把下载的文件上传到  前面填写的网站根目录

（所以  我们必须是能访问到填写网站根目录的）

验证通过后，点击‘保存’按钮

此配置：

最多可以添加20个业务域名
每年可以修改50次业务域名

我们可以用这个标签，但是这个标签很怪，标签里的这个链接会自动跳转，纠结了半天，最后我另外建了一个新文件夹

 

1 首先我们应该有一个标签  

bindtap='linkUrl1'    //给一个点击事件 

data-url="{{linkUrl1}}"   //取标签中的URL

 <text class='gotime linkUrl' bindtap='linkUrl1' data-url="{{linkUrl1}}">{{linkUrl1}}</text>

 

2 js页面中我们取到了这个链接后去做跳转

linkUrl1: function(e){
    var url = e.target.dataset.url;
    console.log("e>>>", url)
    wx.navigateTo({
      title: "",
      url: "../url/url?url=" + url,
    })
},

打印结果 ⬇️⬇️⬇️

 

3 url wxml页面 

<web-view src="{{url}}"></web-view>

 

 4 url js页面

onLoad: function (options) {
    var that = this
    console.log("options", options)
    that.setData({
      url: options.url
    });
}

打印结果⬇️⬇️⬇️