elementui动态rules：

最新推荐文章于 2025-02-18 15:37:41 发布

张滚滚QAQ

最新推荐文章于 2025-02-18 15:37:41 发布

阅读量1k

点赞数 9

文章标签： elementui 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_38040571/article/details/135404936

版权

有需求需要根据某个下拉选项的值动态的更新下面表单的rules规则：

一开始思路是给这个下拉的选项绑定change事件，当下拉的值为某个特定值的时候，动态的push规则到rules里面去，这种写法发现，必填的星星*并不会动态的根据你新生成的rules进行加载。

解决办法：

 <FormItem label="用户购买意向" prop="userPurchaseIntention" :rules="!isNoNeed ? ruleValidate.userPurchaseIntention : [{required: false}]">
                      <Select v-model="editForm.userPurchaseIntention" clearable>
                        <Option :value="item.dataValue" :key="item.id" v-for="item of userPurchaseIntentionList"
                                :label="item.dataText"/>
                      </Select>
</FormItem>

可以在change事件里面当发现下拉选中的某个值的时候需要更改rules 可以在data声明“isNoNeed” （我的代码是这个字段）通过三元对rules进行判断