Vue前后端分离实战项目

项目场景

做后台管理系统时的登录验证

问题描述

出现如下报错，无论怎么输入账号，都显示未输入的状态，username is required

原因分析：

检查账号部分的源码，发现v-model的值和外层标签的prop的值不一致，导致验证时无法获取用户输入的数据，el-form-item标签的prop写的是username，而内部标签el-input的v-model写的是form.name，v-model是双向绑定标签，写错后就无法获取到用户输入的值，导致无论怎么输入都显示未输入

解决方案：

v-model的值和prop的值改为相同的即可