element-ui的bug记录

1.先隐藏元素再显示元素时，导致校验不生效的做法

<el-form-item
  label="时间长度"
  prop="timeLength"
  v-show="form.majorFlag"
  :rules="[{ required: form.majorFlag ? true : false, message: '时间长度不能为空', trigger: 'blur' }]"
>
  <el-input v-model="form.timeLength" placeholder="请输入时间长度" style="width: 100%">
    <template slot="append">秒钟</template>
  </el-input>
</el-form-item>
1
2
3
4
5
6
7
8
9
10

2.Elemen的select下拉选择器进行初始赋值绑定后无法在选择其他选项, 需设置

@change="$forceUpdate()"
@input="$forceUpdate()"
1
2

3.element表格前端分页

:data="data.slice((currentPage -1) * pageSize,currentPage * pageSize)"
1

4.form-item里的prop很重要，没写导致重置失效，校验规则失效

5.tree设置:check-strictly="true"作用为父子不关联，即点击子节点不会触发父节点

6.select 的 popper-append-to-body ,默认值为true ;
dialog的append-to-body,默认值为false;
当弹框中嵌套弹框时,被嵌套的弹框要设置append-to-body

7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。

解决：如果你的需求只是销毁dialog中的元素，那么拉黑该属性，改用v-if。