找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 68|回复: 0

vue弹窗定时关闭

[复制链接]

231

主题

2

回帖

826

积分

管理员

积分
826
发表于 2024-11-3 10:14:50 | 显示全部楼层 |阅读模式
<template>
<div>
<button @click="showDialog = true">打开弹窗</button>
<dialog v-model="showDialog">
<p>这是一个弹窗</p>
</dialog>
</div>
</template>
<script>
export default {
data() {
return {
showDialog: false
}
},
watch: {
showDialog(val) {
if (val === true) {
setTimeout(() => {
this.showDialog = false
}, 3000)
}
}
}
}
</script>

微信扫一扫,分享更方便

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|代码人 ( 皖ICP备17023346号-3|京公网安备11011402054264号 )

GMT+8, 2024-12-23 10:46 , Processed in 0.129591 second(s), 27 queries .

© 2024 Daimaren.com 版权所有

快速回复 返回顶部 返回列表