element-ui的表单验证是动态添加的,如何让刚进页面的时候不验证?

Question

具体代码如下：

<el-form-item 
    style="width:95%"
    v-for="(i,idx) in columnList"
    :key="idx"
    :prop="i.columnName"
    :label="i.name"
    :rules="{ required: i.required, message: '此处为必填', trigger: ['blur', 'change'] }"
>

Answer 1

加个变量控制咯

<el-form-item 
    style="width:95%"
    v-for="(i,idx) in columnList"
    :key="idx"
    :prop="i.columnName"
    :label="i.name"
    :rules=show==true?"{ required: i.required, message: '此处为必填', trigger: ['blur', 'change'] }":""
>

Answer 2

简单处理就进入页面时手动clearValidate移除校验结果