微信小程序web-view组件 打开外部url

在测试时需要给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==