微信小程序怎么跳转到其他网页或外部链接

2025-10-06 08:38:20

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、完成效果图

微信小程序怎么跳转到其他网页或外部链接

微信小程序怎么跳转到其他网页或外部链接

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢