vue从数据库获取数据渲染到el-form表单上使用rules验证规则的坑

本文主要是介绍vue从数据库获取数据渲染到el-form表单上使用rules验证规则的坑，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

问题描述：

从数据库中取出数据放在el-from表单中，使用如下vue自带的验证规则后，里面即使有内容也会显示请输入姓名等提示。
在这里插入图片描述

原因：

1、检查是否动态绑定 :model
在这里插入图片描述
2、检查el-form属性中的 :rules绑定的名字与验证规则的名字是否保持一致

3、检查 < el-el-form-item>中的pro属性与验证规则中的名字是否一致

在查阅了好多资料后发现了第四个坑（也是我错的原因）
4、< el-el-form-item>中的pro属性的名字还需要和v-model名称保持一致，将如下横线处名字都一致后问题解决。
在这里插入图片描述