大事件项目27---文章分类—添加分类----对话框准备

简介: 大事件项目27---文章分类—添加分类----对话框准备

1、本视频的目标,我们要实现添加分类,添加分类的效果

2、包括点击蒙层,点击x,和点击取消都能够实现关闭

3、我怎么得到一个element-ui的组件呢???

4、点击Dialog对话框

5、 Dialog弹出的是一个基础的对话框

6、这里的Dialog,我们不能直接复制这里,因为点击对话框,我们的点击对话框,已经存在了

7、这里,我们就叫做对话框组件

8、接着在文章分类这边,我们放到最外边

9、添加文章分类的对话框

10、最后我创建一些变量

11、把Dialog对话框的方法复制一下

12、属性给他调出来

13、代表着对话框的出现和隐藏

14、默认值是true,就能够影响默认值的显示了,Dialog的组件就默认显示了

15、

16、visble控制对话框能否实现

17、.sync是Vue2.6的文档

18、我们搜一下cn.vuejs.org文件里的内容

19、我们在这里搜索.sync这个修饰符

20、.sync这里是新增加修饰符,他可以对prop进行双向绑定

21、实际上他的子组件还得通过this.$emit来进行触发

22、$emit这里用的是固定形式,title是props属性名

23、v-model可以给予变量赋予给形参

24、

25、.sync的意义是,使用v-model,只能绑定一次数据,利用.sync就可以绑定多次数据

26、.sync的本质如下

27、有固定的格式,再加上我们的prop变量

28、visible.sync的意义,检测用户相关行为,回传给false给Vue变量值

29、这里handleClose的,提示你是否要关闭done方法

30、我们先默认将他关闭

31、添加分类的时候,我们让他出现

32、点击事件,我们把方法绑到这里

33、将dialogVisible变为true就可以隐藏对话框

34、点击确定和隐藏,我还得将他隐藏

35、在方法里面,添加了

36、最后git 对其进行提交

相关文章
|
canal 消息中间件 存储
手把手告诉你如何监听 MySQL binlog 实现数据变化后的实时通知!
Hello 大家好,我是阿粉。不知道大家在日常的工作中有没有遇到这样的场景,很多时候业务数据有变更需要及时加载到缓存、ES 或者发送到消息队列中通知下游服务。
7297 0
手把手告诉你如何监听 MySQL binlog 实现数据变化后的实时通知!
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
|
前端开发 JavaScript
基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
本文介绍了如何在Vue3项目中实现一个鼠标拖动调整元素宽度的功能,并展示了点击按钮收起或展开侧边栏的效果,提供了完整的实现代码和操作演示。
1874 0
基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
|
缓存 JavaScript 前端开发
Vue3——Router4教程(小满版本)(二)
Vue3——Router4教程(小满版本)
456 0
|
JavaScript
如何对ElementUI、ElementPlus中的Tree树组件进行美化,如增加辅助线、替换展开收起图标、点击节点后文字高亮等效果?本文给你答案!
本文介绍了如何对ElementUI和ElementPlus的Tree树组件进行美化,包括增加辅助线、替换展开收起图标、点击节点后文字高亮等效果,并提供了详细的代码示例和实现效果。
3610 0
如何对ElementUI、ElementPlus中的Tree树组件进行美化,如增加辅助线、替换展开收起图标、点击节点后文字高亮等效果?本文给你答案!
|
算法 JavaScript 前端开发
Vue3——Router4教程(小满版本)(一)
Vue3——Router4教程(小满版本)
623 0
|
JavaScript
在Vue3+ElementPlus项目中使用具有懒加载的el-tree树形控件
在Vue 3和Element Plus项目中实现具有懒加载功能的el-tree树形控件,以优化大数据量时的页面性能。
2897 0
|
前端开发
vue3+ts手写一个简单的树形组件(菜单组件)
vue3+ts手写一个简单的树形组件(菜单组件)
691 0
vue3+ts手写一个简单的树形组件(菜单组件)
|
JavaScript
vue3使用element-plus 树组件(el-tree)数据回显
vue3使用element-plus 树组件(el-tree)数据回显
1185 0
|
SQL 前端开发 Java
大事件项目08----开发模式和环境搭建
大事件项目08----开发模式和环境搭建