vue里实现弹窗确定后关闭当前浏览器页面

最新推荐文章于 2023-11-14 15:14:31 发布
最新推荐文章于 2023-11-14 15:14:31 发布
阅读量1.4k 收藏 2
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44988028/article/details/114934539
版权

在alert弹窗内添加callback，当用户点击确定或者关闭时，将关闭浏览器页面

this.$alert('当前页面已过期，请重新从门户页打开', '提示', {
   
 confirmButtonText: '确定',
 callback: action => {
   
 	//关闭浏览器
     window.open(
最低0.47元/天 解锁文章
 The dream is near  
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 关闭浏览器
weixin_30947043的博客
01-07 6365
在开发中的一个需求，vue中关闭浏览器， 直接使用window.close()在chrome、fireFox会不起作用 需要改为一下方式 window.open('about:blank','_self').close() 上面这种方式会把你的当前页面改为 或者使用 window.open('','_self').close(), 使用它的效果会比第一个更好 因此，比较合...
vue如何在用户要关闭当前网页时弹出提示的实现
10-15
主要介绍了vue如何在用户要关闭当前网页时弹出提示的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue 中关闭当前弹窗页面
weixin_42587270的博客
05-16 3636
在打开弹窗的路由中添加一个 beforeRouteLeave 路由守卫，当离开该路由时关闭弹窗。以上两种方式都可以实现关闭当前弹窗页面的功能，具体使用哪种方式取决于项目需求和个人习惯。在弹窗组件中添加一个关闭按钮，并在点击事件中调用关闭弹窗的方法。在父组件中监听关闭事件，并将弹窗的显示状态设置为 false。在父组件中监听关闭事件，并在关闭事件中调用关闭弹窗的方法。1、使用关闭按钮触发关闭事件。2、使用路由守卫关闭弹窗。
vue关闭当前页面
热门推荐
马优晨
05-07 2万+
(1) 传统的JS关闭当前窗口 window.opener=null; window.open('',self); window.close(); (2) vue关闭当前窗口 window.opener = null; window.close(); window.open("about:blank", "_top").close() ...
vue关闭弹窗清空弹窗输入框中的内容
weixin_62328829的博客
10-29 4422
其实我们只需要在弹窗el-dialog上面@close="handleClose（这个随便起）"，然后在再methods中写上就好了。其实有两种方法一个是element组件中关于form表单中有这个清空的方法，第二个就是我接下来写的方法。关闭弹窗再次打开，还有刚刚输入的值，那么是不是就应该写个关闭弹窗时候的方法让他清空这个表单。我编辑之后点了确定，可是再次打卡这个弹窗时还是有我刚刚输入的数据。
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗？”
01-19
解除jquery离开页面弹出提（1） 先解除绑定在设置弹出内容为null。 代码如下:  $(function(){  $(window).unbind(‘beforeunload’);  [removed] = null;  }) 二、其他相关[摘要] （1）window的onunload和...
弹出层关闭父页面刷新
06-04
在网页开发中，有时我们需要实现一个功能：当一个弹出层（通常是模态窗口或对话框）被关闭时，能够自动刷新其父页面的内容。这个功能常见于数据编辑或者信息确认场景，用户在子窗口中完成操作后，返回父页面看到最新...
判断浏览器是刷新还是关闭窗口
08-30
为此，JavaScript 提供了 `onunload` 事件，它会在浏览器窗口被关闭或者用户离开当前页面时触发。然而，在实际的应用场景中，我们可能会遇到一个棘手的问题：不论是刷新页面还是真正关闭窗口，`onunload` 事件都会被...
vue点击关闭当前窗口
controller_Lw的博客
05-17 1万+
var userAgent = navigator.userAgent; if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) { undefined window.open('','_self').close() 或 window.location.href = "about:blank" }else { undefined window.opener = null; window..
vue中点击其他区域，关闭当前弹窗
weixin_38881784的博客
07-12 5859
vue中点击其他区域，关闭当前弹窗
关闭窗口弹出窗口，关闭浏览器时弹窗
07-22
关闭窗口弹出窗口，关闭浏览器时弹窗，用于广告弹出，很实用哦
vue实现几秒后跳转新页面代码
10-14
主要介绍了vue实现几秒后跳转新页面代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关闭浏览器窗口弹出提示框（vue项目）
瘦瘦瘦大人的博客
08-22 1104
用户关闭浏览器窗口弹出提示框
vue实现浏览器关闭或刷新弹窗提示（beforeunload/unload)
最新发布
灵境引路人
11-14 5864
vue实现浏览器关闭或刷新弹窗提示（beforeunload/unload)
几秒后关闭界面
weixin_30357231的博客
09-21 500
function closewin(){ self.opener=null; self.close(); } function clock(){ i=i-1 // document.title="本窗口将在"+i+"秒后自动关闭!"; $('.num').html(+i+"秒后自动关闭!"); if(i>0){ setTimeout("cl...
vue 点击按钮弹窗，点击关闭按钮关闭弹窗。
weixin_30408739的博客
09-13 6668
<div @click="btnfc()">点击弹窗按钮</div> <div v-show="show"> <div @click="hiddenShow()">关闭</div> </div> new Vue({ el: '', data: { ...
vue监听关闭弹窗
qq_37742572的博客
04-24 3176
vue事件监听关闭弹窗 <button @click="showCart = true">打开购物车</button> <div class="my-float-cart" ref="myDiv" v-show="showCart"> 购物车内容这里忽略代码 </div> // 监听showCart watch: { 'showCart'...
el-table实现默认选中/置灰不可选
weixin_44988028的博客
08-31 3929
分为两种情景：置灰和选中 常用属性： :reserve-selection:true //翻页后仍记住表格选项 场景1：已经进行操作过的列表，不能再处理，需要置灰。 :selectable='checkMaterialStatus' checkMaterialStatus方法：根据已经处理的列表内容(假设为selectList)，遍历表格，如果有相同的id（唯一值），则置灰不可选，反正返回true。 checkMaterialStatus(row){ if(this.selectList
vue前端实现弹窗代码
05-10
`el-dialog` 组件用于实现弹窗，`title` 属性用于设置弹窗标题，`:visible.sync` 属性用于和 `data` 中的 `dialogVisible` 数据双向绑定，`footer` 插槽用于设置弹窗底部的按钮。 当用户点击弹窗的确认按钮时，可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值