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即可。

持续更新......