vue.js - vue element 表单校验动态表单

问题描述

问 题

1.由于项目需要，我现在需要 使用 vue element 实现如下功能：
如果用户选择了 不限，就不限制满 多少元可用。如果 用户选择了限制，就要对用户输入的内容进行表单校验。比如校验用户只能输入数字等等，如下图：

看了 vue 的表单校验规则，对这样的需求 好像不太好实现，求 大神帮助。谢谢

解决方案

Element文档中的动态增减表单项示例中有相关演示

el-form-item 会有自已独立的 rules 属性，你可以在计算属性中根据满减限制条件动态返回，然后在需要动态验证的地方将该计算属性赋值给rules即可

这篇关于vue.js - vue element 表单校验动态表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！