在測試時需要給swiper組件添加外部鏈接問題。今天我來說一下怎么解決的？
思路：小程序里沒有辦法直接給swiper組件添加鏈接，點擊時用api wx.navigateTo實現的。
微信小程序團隊推出一個新組件web-view，
可以在這個組件中打開你的html5網頁，
而且可以在web-view里面打開網頁的a標簽，
也就是說可以實現鏈接跳轉。
例如：
wxml 內容

<swiper indicator-dots="true" autoplay="true" interval="{{interval}}" duration="{{duration}}" circular="true"><block wx:for="{{imgUrls}}" wx:key="{{index}}" ><swiper-item><image src="{{item}}" class="slide-image" width="100%" bindtap='loadFuction' id='{{index}}' /></swiper-item></block> </swiper>

index.js內容

loadFuction(e) {console.log(e);let num=e.currentTarget.id;if (num==0){wx.navigateTo({url: '/page/component/out/out', //路徑必須跟app.json一致success: function () {}, //成功后的回調；fail: function () { }, //失敗后的回調；complete: function () { } })}},

注意：需要配置app.json，不然會報錯。

out.wxml內容

<web-view src="https://wap.ysjhacc.com/"></web-view> //任何鏈接都可以

編譯之后會報一下錯誤：

報錯原因：使用<web-view>這個標簽需要在小程序管理后臺設置業務域名，登錄后臺后找到設置-開發設置-業務域名，然后把你需要加載的域名添加進去

只要把這個勾上了顯示就正常了。
看一下效果：
項目的第一個swiper組件如圖：

點擊之后：

大家可以動手試試，希望對你們有所幫助。

參考文獻：
https://blog.csdn.net/towtotow/article/details/78621845
https://blog.csdn.net/qq_32113629/article/details/79483213
http://www.cnblogs.com/gxsyj/p/9280816.html

總結

以上是生活随笔為你收集整理的微信小程序web-view组件 打开外部url的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。