element-ui笔记

1.el-dialog的关闭异常

　　在confirm按钮事件中，咱们须要对业务参数进行校验，可是校验未经过，return false了，仍然关闭了弹窗。

　　缘由：cancel按钮的click直接将弹窗的show条件置为了false

　　解决：将cancel按钮click单独定义一个方法，在方法中将弹窗的show条件置为了false，这样校验不经过时就不会关闭弹窗了。

2.el-date-picker的设置值问题

　　开发中常常遇到要对时间进行编辑的状况。这就每每须要使用到el的时间组件。在type=dateRange的类型中，能够选择时间段，而在编辑时须要对其进行设置值。首先要使组件的v-model等于一个数组，分别存储开始时间和结束时间才会显示出来。可是显示出来以后，修改时间，虽然值发生了变化，可是页面上显示的时间不变。此问题暂时经过拆成两个组件来实现。

 3.el-dialog多层嵌套弹窗出现黑色遮罩，关闭上层的弹窗遮罩层不消失

　　el弹窗在每次弹窗后都会在这个弹窗的下层添加遮罩层，多层弹窗能够采用不使用遮罩的方法还避免遮罩层的问题。官方api上说的是modal设置为false便可不遮罩。与其相关的还有个modal-append-to-body，是直接在body弹出仍是在父元素弹出。二者都设为false便可。

 

持续更新......