iview动态表单验证，设置 :rules="{……}"无效

Question

前端根据接口提供的组件信息生成动态表单，表单显示正常。可是在为表单中各组件添加验证规则时，怎么写都不生效。根据网上的类似信息进行了修改，还是不行。最后尝试代码如下：

页面显示：

文本框都没有必填标识出现(required),浏览器也没有提示任何错误信息！

参考过的链接：https://segmentfault.com/q/10...
https://segmentfault.com/q/10...
https://segmentfault.com/q/10...

感觉写的没有错，可就是出不来效果。。。哪位同学来指导下我呀！求帮助，谢谢啦

Answer 1

给表单加个绑定试试

<Form :model="formData"  :label-width="120">

Answer 2

form 添加ref
<Form ref="publicParams" :model="publicParams" :rules="rules" :label-width="100" inline>

Answer 3

<FormItem label="身份证号" prop="code" :rules="codeRules">

codeRules是计算属性就可以了