大事件项目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 对其进行提交

相关文章
|
5月前
|
开发工具 git
大事件项目50-----准备标签,准备参数的对象
大事件项目50-----准备标签,准备参数的对象
大事件项目50-----准备标签,准备参数的对象
|
5月前
|
JSON 开发工具 数据格式
大世界项目29----文章分类——添加分类-表单准备和对话框关闭重置表单
大世界项目29----文章分类——添加分类-表单准备和对话框关闭重置表单
|
5月前
|
JavaScript 开发工具 git
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
|
5月前
|
JSON 数据库 数据格式
大事件后端项目22----文章分类列表
大事件后端项目22----文章分类列表
|
5月前
|
数据库
大事件后端项目25-------更新文章分类和添加文章分类---分组校验
大事件后端项目25-------更新文章分类和添加文章分类---分组校验
|
5月前
|
JavaScript 开发工具 git
大事件项目项目25------文章分类---页面组件和路由
大事件项目项目25------文章分类---页面组件和路由
|
5月前
|
SQL JSON 数据格式
大事件后端项目23----获取文章分类详情
大事件后端项目23----获取文章分类详情
|
5月前
|
SQL 前端开发
大事件后端项目24-----更新文章分类
大事件后端项目24-----更新文章分类
大事件项目52----文章列表-获取文章列表的详细数据
大事件项目52----文章列表-获取文章列表的详细数据
|
5月前
|
存储
大事件项目56------文章列表删除文章
大事件项目56------文章列表删除文章