小程序之跳转外链

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

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

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
    });
}

打印结果⬇️⬇️⬇️

猜你喜欢

转载自www.cnblogs.com/liancat/p/9541103.html
今日推荐