首页 > 微信 > 详细

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

时间:2019-10-01 19:37:02      阅读:539      评论:0      收藏:0      [点我收藏+]

跳转到内部链接

这个我们应该都知道,通过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

 

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

原文:https://www.cnblogs.com/adongyo/p/11615793.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!