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 对其进行提交