element-ui 官方文档写法简单粗暴,但使用时需要注意rules底下的属性名(prop)需要与 v-model所绑定的属性值相同,如下图,

官方好像没有说v-model的属性名需要与rules相对应(不知道是不是它的一个小bug),我在命名时没注意,成功踩了一波坑。
下方rules.name命名需要对应ruleForm.name,否则会出现触发即警报的情况.

如下:

当rules的属性名为'ipAddr', 而v-model对应的属性名为'ip' 时,有数据且失焦时依然会触发警报提示


此时将v-model的属性名'ip'改成 'ipAddr', 表单域即可正常验证



