首页 > 其他分享 >vue dialog弹窗

vue dialog弹窗

时间:2022-11-18 16:06:02浏览次数:59  
标签:vue const dialogFormVisible value dialog 弹窗

 

<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title="打印">

</el-dialog>

 

// 弹窗控制标记
const dialogFormVisible = ref(false)

// 打开弹窗
const openDialog = () => {
    dialogFormVisible.value = true
}

// 关闭弹窗
const closeDialog = () => {
    dialogFormVisible.value = false
}
// 弹窗确定
const enterDialog = async () => {
            //触发事件

}

 

标签:vue,const,dialogFormVisible,value,dialog,弹窗
From: https://www.cnblogs.com/cmooc/p/16903501.html

相关文章

  • 【vue】 Failed to load resource: the server responded with a status of 404 (Not
    前端在向服务器请求资源的时候,服务器的响应状态为404,导致页面打不开,再次刷新时页面能打开,不知为何原因注意:并没有实践相关资料:方案一方案二     搜索复......
  • Vue3 企业级优雅实战 - 组件库框架 - 7 组件库文档的开发和构建
    该系列已更新文章:分享一个实用的vite+vue3组件库脚手架工具,提升开发效率开箱即用yyg-cli脚手架:快速创建vue3组件库和vue3全家桶项目Vue3企业级优雅实战-组......
  • vue后台管理系统"多条件查询"书写逻辑
      首先要创建el-from表单,在表单中创建两个输入框并双向绑定 首选行内表单:  代码如下: <el-form:inline="true":model="formInline"class="demo-form-in......
  • Vue中的`:src`发生了什么?
    Vue中的:src发生了什么?案例一<template><img:src="'../assets/logo.png'"alt="four"></template>//最终在浏览器DOM树中,img标签会被编译成这样<imgsrc="......
  • vue + electron 实现pc端应用
    首先需要创建一个vue2.0的项目然后通过vueaddelectron-builder上面的命令,将vue和electron结合然后项目的文件夹会发生一些改动,如下:package.json......
  • vue-meta实现router动态设置meta标签
    一.meta标签提供关于HTML文档的元数据 (元数据指用来描述数据的数据)。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或从新加载页面)、搜......
  • Vue双向绑定原理梳理
    简介vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。数据劫持通过Object.defineProperty()方法,Vue对数据的劫持主要分为两类,一类是对象,一类是数组......
  • 搭建直播平台,vue+audio 有新消息时加提示音
    搭建直播平台,vue+audio有新消息时加提示音 <audiocontrols="controls"hiddensrc="./static/tip.mp3"ref="audio"></audio>​有新消息时,用以下代码即可播放指定的......
  • C#(Winform)的Show()和ShowDialog()方法
    https://www.cnblogs.com/tommy-huang/p/4539999.html1.显示窗口的两种方式:  Winform中的Form,在显示窗口时,可以使用Show()和ShowDialog()两种方式2.非模态窗口方......
  • 为什么vue3要选用proxy,好处是什么?
    提问Object.defineProperty()和proxy的区别?为什么vue3要选用proxy,好处是什么?proxyProxy对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋......