vue使用modal-dialog弹出框教程

2025-05-04 16:05:53

1、首先在vue的 .vue文件中加入 dialog模板<el-dialog title="科室管理员新增" :visible.sync=&鳎溻趄酃quot;dialogFormVisible"></el-dialog>

vue使用modal-dialog弹出框教程

3、一般如果显示dialog都是在需要的时候在显示出来,完成的时候隐藏起来,那么就需要设置dialog的可见性,加载的时候设置为 不可见即可,在data() {return{中添加

vue使用modal-dialog弹出框教程

5、点击增加时候时候出发onclick时间中的handleCreate方法,在methods中添加handleCreate(){}来伍啪怪顼显示dialog,this.dialogFormVisible = true;主要是把dialog可见性修改为可见

vue使用modal-dialog弹出框教程

7、也可以不触发事件而是直接取消该操作就直接隐藏掉dialog即可<el-button @cl坡纠课柩ick="颊俄岿髭dialogFormVisible = false">取消</el-button>

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