因为不同的栏目不同需要添加不同的参数使 使用下面的方式,在类别切换时原有的一些验证就无效了
catalogRules: {
categoryName: [{ required: true, message: "请输入栏目名称" }],
categoryCode: [{ required: true, message: "请输入栏目代码" }],
categoryType: [{ required: true, message: "请选择栏目类型" }],
listTemplateId: [{ required: true, message: "请选择列表模板" }],
categoryUrl: [{ required: true, message: "请输入链接" }],
pageSize: [{ required: true, message: "请输入页行数" }],
},
将有这种bug的表单项的js规则 换到标签中
<el-form-item prop="articleTemplateId" key="articleTemplateId" label="文章模板" v-if="catalogForm.categoryType==2 || catalogForm.categoryType==0" :rules="{ required: true, message: '请输入选择文章模板' }">
<el-select v-model="catalogForm.articleTemplateId" value-key="id" placeholder="请选择" style="width: 100%">
<el-option v-for="item in templates" :key="item.id" :label="item.templateName" :value="item.id" />
</el-select>
</el-form-item>
如上面的代码 :rules="{ required: true, message: '请输入选择文章模板' }"