vue.js - vue 使用 iviewUI框架的 表单验证无效问题

问题描述

问 题

我想要实现的页面预览图如下

代码如下

验证规则如下

然后当我点击input框的时候，并没有触发效果....
求教，困扰一下午了...
总觉的是 prop哪里写的不对，，，

解决方案

已解决。。。
既然 prop是动态绑定，那么 rule也得是动态绑定的，应该必须是一一对应的。
去掉 :rules="ruleContent"的 绑定，对每一个表单进行单独绑定

这篇关于vue.js - vue 使用 iviewUI框架的 表单验证无效问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！