vue中手机端项目在微信中打开，关闭当前页面方法

最新推荐文章于 2025-11-01 19:42:08 发布

原创最新推荐文章于 2025-11-01 19:42:08 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #javascript

vue 专栏收录该内容

54 篇文章

订阅专栏

本文介绍了一种使用WeixinJSBridge提供的API来关闭微信内打开的网页窗口的方法。通过监听WeixinJSBridgeReady事件并调用closeWindow方法实现页面关闭。

     document.addEventListener(
        "WeixinJSBridgeReady",
        function () {
          WeixinJSBridge.call("closeWindow");
        },
        false
      );
      WeixinJSBridge.call("closeWindow");//微信对象中的方法

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

行走的毛毛虫

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue中关闭微信的方法分析

CodeVorter的博客

09-20

376

微信提供了JS-SDK，其中包含了关闭微信应用程序的方法。首先，我们需要在Vue项目中引入微信JS-SDK，并在页面加载完成后初始化SDK。无论是使用微信JS-SDK、Vue组件还是原生JavaScript，都能够有效地实现关闭微信的操作。除了使用微信提供的JS-SDK和Vue组件外，我们还可以使用原生JavaScript来实现关闭微信的功能。在Vue中关闭微信应用程序有多种方法，下面将详细介绍几种常用的方式，并提供相应的源代码。的组件，并在其中使用Vue的事件机制来触发关闭操作。对象，如果存在，则调用。

Vue2 - 详细实现微信公众号H5网页内置浏览器中预览下载word文档(doc)、excel表格(xls)、ppt文稿、pdf文档等文件，微信内部直接打开预览和下载到本地教程，安卓苹果手机无差异兼容

🏆 前端领域优质创作者

07-11

1万+

vue2，nuxt2，微信公众号，h5，移动端，网页，网站，vue2微信公众号H5网站，内置浏览器下载文档，如何在微信浏览器中预览office文件，word文档，excel文档，pdf文档，ppt文档，office，vue微信内置浏览器下载文件，下载文件，在微信浏览器里面实现下载任意文件，H5需要在微信浏览器中下载excel文件，实现网页在微信内置浏览器中下载文件详细教程，安卓点击下载会提示打开浏览器，后端返回流文件，如何解决无法下载文件，跳转至浏览器下载文件，发送到电脑微信，安卓，苹果，手机系统，微信H5

参与评论您还未登录，请先登录后发表或查看评论

移动端页面关闭当前网页窗口

FenceRain的博客

01-12

1335

关闭当前网页窗口 window.close(); 上面的语句在微信中不生效，要使用下面这句 wx.closeWindow();

vue中开发微信公众号中用js关闭当前浏览器页面

Cris_are的博客

11-13

2763

1.引用微信的SDKnpm install weixin-js-sdk --save import wx from 'weixin-js-sdk' export default { } 2.关闭微信浏览器当前页面 // 在需要的地方加入下面这行代码 wx.closeWindow() 作者：写bug的大叔链接：https://www.jianshu.com/p/d87...

*vue跳转新项目并携带参数微信关闭当前页面

weixin_47482311的博客

12-22

441

*vue跳转新项目并携带参数 if (/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)) {//苹果跳转 location.href = this.$store.state.JumpUrl + this.JumpWeb; }else{ window.open( this.$store.state.JumpUrl + this.JumpWeb ); }

vue 关闭微信浏览器（返回路由为undefined时）

Macdull2014的博客

09-04

293

参考：https://blog.youkuaiyun.com/KingJin_优快云_/article/details/77050569 main.js: import router from './router'; router.beforeEach((to, from, next) => { const toDepth = to.meta.index; ...

vue判断微信浏览器/自动关闭微信浏览器/关闭微信转发

fackyoufack的博客

06-28

1248

【代码】vue判断微信浏览器/自动关闭微信浏览器/关闭微信转发。

vue3：解决H5网页苹果ios手机键盘弹起再收回的时候页面会留白问题，页面软键盘弹起后页面下方空白区域，vue3 h5页面在iphone手机上底部会有留白解决办法（兼容微信公众号H5微信内置浏览器）

最新发布

高级前端工程师

11-01

3098

vue3 H5解决IOS端微信H5页面软键盘弹起后页面下方留白的问题，h5页面在iphone手机上底部会有留白解决办法，vue3 h5页面IOS唤起键盘后--导致页面底部空白问题，vue3移动端解决h5页面在ios端输入框失去焦点后页面底部留白问题，微信浏览器中，微信H5项目，ios端出现了软键盘输完隐藏后页面不会回弹，下方会有一大块留白，iOS Safari浏览器，h5 移动端 iphone键盘弹起再收回的时候，页面会留白，需要手动下拉，ios弹出键盘后，页面位置有一截空白，移动端IOS的H5页面被键盘顶

Vue3 - 详解实现网站接入微信扫码登录功能，微信授权生成登录二维码用户用手机扫描二维码登陆，微信扫描二维码登录详细流程及示例代码，支持弹框式、浏览器单独新开页显示，最新vue集成微信扫码授权登录！

🏆 前端领域优质创作者

06-25

1万+

vue3，nuxt3，PC网站，网页，微信扫码登录，微信登陆，vue3微信扫码登录，获取个人信息，扫码登录后如何获取用户手机号，微信扫码授权登录，vue3详细实现微信扫一扫登陆，pc网页微信登录，vue3集成微信扫码登录，详细流程和示例源码，第三方扫码登录，vue3微信扫码登录怎么新开一页，跳页显示二维码，内嵌登录二维码，iframe，iframe新页面弹出，弹出一个小窗口显示登录二维码，登录报错，微信扫码没反应，解决手机点登录报错没反应，官方文档，手机扫描微信二维码登录网站，最好用的插件，vue-wxlo

Vue2 - 详解实现网站接入微信扫码登录功能，微信授权生成登录二维码用户用手机扫描二维码登陆，微信扫描二维码登录详细流程及示例代码，支持弹框式、浏览器单独新开页显示，最新vue集成微信扫码授权登录！

🏆 前端领域优质创作者

06-25

4847

vue2，nuxt2，PC网站，网页，微信扫码登录，微信登陆，vue2微信扫码登录，获取个人信息，扫码登录后如何获取用户手机号，微信扫码授权登录，vue2详细实现微信扫一扫登陆，pc网页微信登录，vue集成微信扫码登录，详细流程和示例源码，第三方扫码登录，vue微信扫码登录怎么新开一页，跳页显示二维码，内嵌登录二维码，iframe，iframe新页面弹出，弹出一个小窗口显示登录二维码，登录报错，微信扫码没反应，解决手机点登录报错没反应，官方文档，手机扫描微信二维码登录网站，最好用的插件，vue-wxlogi

设置H5页面只可微信浏览器打开

firstlt0217的博客

12-14

2656

var useragent = navigator.userAgent; if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') { // 这里警告框会阻塞当前页面继续加载 // 以下代码是用javascript强行关闭当前页面 // alert("已禁止本次访问：您必须使用微信内置浏览器访问本页面！"); window.location.href = "https://open.weixin.qq.com/co

Vue2点击按钮跳转新页面关闭当前页面

qq_46376192的博客

12-04

1891

【代码】Vue2点击按钮跳转新页面关闭当前页面。

vue手机端怎么关闭浏览器

weixin_42124883的博客

03-28

668

vue手机端怎么关闭浏览器？网上搜的window.open("about:blank","_self").close();window.close() 都不行。

vue移动端关闭当前页面回到微信

李小乐er

11-25

2908

返回页面这个问题当时打算使用window.close() 我自己的安卓手机并没有退出当前主页面回到企业微信最终解决方法 WeixinJSBridge.call('closeWindow'); WeixinJSBridge是微信内置浏览器私有接口（注意：（WeixinJSBridge只能在微信内打开的网页有效）） ...

Vue公众号退出微信浏览器

愿历尽千帆，仍保持最初的热爱，奔赴每一场山海，一如既往鲜活而明亮~

11-24

1010

前言开发了一个项目，需要放到公众号中，在路由跳转之后，此时我们单击手机上的返回键（部分手机是左右滑），我们希望退出微信浏览器，这个时候应该如何操作呢？内容 ...

JS中去除手机端的alert弹框中的关闭网页功能

麦子粒粒

03-22

2606

问题没有得到完全的解决，仅能解决刷新的第一次点击无关闭网页去除关闭网页具体代码如下 var wAlert = window.alert; window.alert = function (message) { try { var iframe = document.createElement("IFRAM...

vue.js 监听到微信浏览器返回事件，关闭浏览器，返回公众号号主体