element UI el-dialog窗口校验操作
- 引用el-dialog组件
注意:在el-form-item要指定prop的值<el-dialog @open="openDialog" :title="title" :visible.sync="pullVisible"> <!-- 内容省略, 注意在el-form-item要指定prop --> <el-form :model="saveForm" :rules="rules" ref="saveForm"> <el-form-item label="排序:" prop="sort"> <el-input v-model="saveForm.sort" style="width: 220px" ></el-input> </el-form-item> </el-form> </el-dialog>
- js代码处理,这个方法对应el-dialog组件中的@open=“openDialog”
<!-- 以下是js saveForm 是自己的 ref="saveForm" --> openDialog() { this.$nextTick(() => { this.$refs.saveForm.clearValidate(); }); },