这篇文章,介绍一下如何使用vue3+element-plus中的el-dialog组件,自己封装一个通用的弹出窗口组件。运行效果如下所示:
目录
1.1、父子组件通信
1.2、自定义VDialog组件(【v-model】模式)
1.2.1、编写VDialog组件代码
1.2.2、使用VDialog组件
1.2.3、运行效果
1.3、自定义VDialog组件(【v-model:属性名称】模式)
1.3.1、创建VDialog组件
1.3.2、使用组件
1.1、父子组件通信
要自定义一个组件,首先需要学习一下Vue中的父子组件通信的知识点,可以看下我之前写的笔记文章。
【Vue笔记】Vue组件的创建、使用以及父子组件数据通信常见的几种方式
1.2、自定义VDialog组件(【v-model】模式)
v-model模式下,默认的属性名称是【modelValue】,