解决在element form中输入了内容，却依旧显示，你没有输入内容的问题

问题展示:

代码展示：

<!-- 内容主体区 -->
                <el-form v-model="addForm" :rules="addFormRules" ref="addFormRef" label-width="70px">
                    <el-form-item label="用户名" prop="username">
                        <el-input v-model="addForm.username"></el-input>
                    </el-form-item>
                    <el-form-item label="密码" prop="password">
                        <el-input v-model="addForm.password"></el-input>
                    </el-form-item>
                    <el-form-item label="邮箱" prop="email">
                        <el-input v-model="addForm.email"></el-input>
                    </el-form-item>
                    <el-form-item label="手机号" prop="mobile">
                        <el-input v-model="addForm.mobile"></el-input>
                    </el-form-item>
                </el-form>

 问题解决：就是在<el-form>标签中不应该使用v-model进行双向绑定，而是要使用：model进行双向绑定；

原因解释：

1、v-model:

通常用于表单上双向数据的绑定，如果除了表单其他组件使用时，起不到任何效果。它还可以实现子组件到父组件的双向数据动态绑定。

2、:model

:model是v-bind:model的缩写。

只是将父组件的值传递给和子组件，但是并未实现子组件和父组件之间的双向数据绑定，当然引用类型除外，子组件改变了引用类型的数据的话，父组件的数据也会跟着改变。