当前位置: 首页 > article >正文

【Vue笔记】基于vue3 + element-plus + el-dialog封装一个自定义的dialog弹出窗口组件

这篇文章,介绍一下如何使用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】,


http://www.kler.cn/a/401908.html

相关文章:

  • 《网络风险及网络安全》培训总结
  • 25. 架构能力
  • vscode 快捷键生成代码
  • 身份证号码校验
  • Unity 编辑器下 Android 平台 Addressable 加载模型粉红色,类似材质丢失
  • 使用 OpenAI 进行数据探索性分析(EDA)
  • 车轮上的科技:Spring Boot汽车新闻集散地
  • 线性代数[ 矩阵 矩阵的初等变换 线性方程组 ]第二三章
  • LeetCode74. 搜索二维矩阵(2024冬季每日一题 6)
  • ES5 (SM-SR-eUICC) 接口上的 OTA 通信笔记
  • 多目标优化算法:多目标鳗鱼和石斑鱼优化算法(MOEGO)求解DTLZ1-DTLZ9,提供完整MATLAB代码
  • mysql 的乐观锁和 mvcc 是一回事吗
  • Spring Security 中的 UserDetailsService(获取用户详细信息)
  • WebSocket简易聊天室实现(有详细解释)
  • 使用Python语言编写一个简单的网页爬虫,从网站上抓取指定关键词的新闻标题和链接。
  • 简单爬虫的实现
  • 小程序-基于java+SpringBoot+Vue的小区服务管理系统设计与实现
  • 力扣-Hot100-链表其三【算法学习day.36】
  • 初识arkts-类-接口
  • 关于php Datetime 时区转换因为timezone_version(时区版本)问题造成的时区转换问题
  • k8s默认使用的后端网络模式
  • 基于YOLOv8深度学习的智慧社区建筑外墙破损(裂缝、露筋、剥落)检测系统研究与实现(PyQt5界面+数据集+训练代码)
  • 【Pikachu】PHP反序列化RCE实战
  • Django数据库迁移与反向迁移处理方案分析
  • C#使用App.config读写配置键值的简单示例
  • E45.【C语言】练习:输入10个整数查找找并打印不相同的数字及个数