1.开发的时候,我们难免碰到要跳转到其他网页中去那该怎么实现呢?
2.例如我想点击一个按钮,跳转到百度(百度的网页还是在小程序中打开)
3.wxml
1. index.wxml (按钮页面)
- <view class='wrapper'>
- <button class='wepay' bindtap='goBaidu'>点击跳转</button>
- </view>
2.out.wxml (百度页面),把你要跳转的界面用src 就可以了,以后要跳转到哪,src里面地址就写哪!
电脑上是可以跳转的,体验版的话,在手机上是不好使的,除非你已经在小程序后台完成了配置域名
<web-view src="https://www.baidu.com/"></web-view>//放心你没有看错就这么一行就行了3.你要新建项目,别忘了,要在app.json中配置一下路由,
"pages":[
- "pages/index/index",
- "pages/logs/logs",
- "pages/out/out"
- ],
4.需要配置业务域名并上传验证文件(自行百度)
5.index.js
- goBaidu:function(){
- wx.navigateTo({
- url:'../out/out', //
- success:function() {
- }, //成功后的回调;
- fail:function() { }, //失败后的回调;
- complete:function() { } //结束后的回调(成功,失败都会执行)
- })
6.效果图


本文介绍如何在微信小程序中通过按钮实现跳转至外部网页的功能,并提供了详细的wxml代码示例,包括按钮点击事件及目标网页的配置方法。
2023





