小程序之跳轉外鏈

 

有一個功能是跳轉外鏈，因為和頁面的不一樣，小程序大概是這么寫的

這個功能需要在公眾平台中做配置（小程序業務域名位置）

填寫好各種內容

點擊‘下載檢驗文件’

然后通過 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
    });
}

打印結果⬇️⬇️⬇️