elementui 解决v-if验证无效的问题

发布时间:2024-04-26 11:47:58

因为不同的栏目不同需要添加不同的参数使 使用下面的方式,在类别切换时原有的一些验证就无效了

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: '请输入选择文章模板' }"

Card image cap
APP STORE
Card image cap
应用宝
Card image cap
小米
Card image cap
华为