微信小程序中,如何点击链接跳转到外部网页

时间:2024-02-26 10:17:21

跳转到内部链接

这个我们应该都知道,通过wx.navigateTo,wx.redirectTo,wx.swtichTab等小程序内部的方法,可以直接跳转到小程序内部已经注册的(就是在app.json中已经记录的)链接页面。

但是怎么跳转到外部页面呢?

微信小程序中有个这样的东西:web-view,可以帮助跳转,需要注意的是,跳转的url是需要在微信公众平台上面配置业务域名的,否则就会出现这样:

详细内容看文档

 

跳转到外部页面

1.首先在你需要点击的页面,添加一个bindtap方法,用来触发跳转页面

wxml:

<text class="login_net" bindtap="toOut">此处</text>

js:

toOut:()=>{
   wx.navigateTo({
      url: \'../out/out\',
   })
},

 

2.新建一个page 目录 out,在out.wxml中添加一行代码

<web-view src="yourUrl"></web-view>

 

之后就可以正常使用了。

 

参考资料:https://www.cnblogs.com/xiaoxiao2017/p/10515819.html