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

持续更新......

原文地址:https://www.cnblogs.com/ljwsyt/p/10656326.html