解决vue + elementUi 使用el-dialog和el-select 打开dialog之后自动触发表单校验问题

一、问题描述

在el-dialog中使用el-select多选，在打开dialog框时，要求初始化，手动清除了多选框的选中内容，但是打开时会触发表单校验，十分不合理

二、问题解析

表单校验时通过校验change，也就是绑定的值只要改变了 都会触发校验

三、尝试过的方法

1.给dialog添加destroy-on-close，每次使用完销毁dialog，不行，原因可能是因为每次打开的时候才清除内容，还是会触发校验

2.使用ref在打开的时候重置表单内容，不行，还是会触发校验

四：解决方案

在打开的时候清除一下校验。给dialog添加open方法，然后在dom元素加载完成之后再清除校验，成功解决

openDialog() {
  this.$nextTick(() => {
    this.$refs.exportParamRef.clearValidate()
   })
 }