vue2 elementui if导致的rules判断失效的解决方法
作者：木毅01
文章讨论了在使用Vue2和ElementUI时,将if语句放在el-form-item内导致rules判断失效的问题,并提出了将判断逻辑移到外部的解决方案,感兴趣的朋友一起看看吧
优化目标 和 目标转化出价必填的 切换的时候还会隐藏掉 这时候的if语句会导致rules判断失效
我的办法是把判断拉到外面 别放在el-form-item里
<section v-if="unitForm.baseTarget === 'OCPM' && unitForm.cpaTargetOptions !== undefined && unitForm.cpaTargetOptions.length > 0">
<el-form-item prop="cpaTarget" label="优化目标" required>
<el-select
style="width: 300px;"
v-model="unitForm.cpaTarget"
placeholder="请选择优化目标"
clearable
@change="(value)=>changeCpaTarget(value)"
>
<el-option
v-for="item in unitForm.cpaTargetOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</section>
rules: {
cpaTarget: [
{ required: true, message: '请选择优化目标', trigger: 'change' }
],
}到此这篇关于vue2 elementui if导致的rules判断失效的文章就介绍到这了,更多相关vue2 elementui if rules判断失效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！