vue：input框使用v-model绑定值之后无法修改绑定值

日常给自己挖坑：搬来的砖，一个没注意的小细节就自己挖了个大坑

上代码：

<el-form-item label="联系方式" prop="phone"> <el-input v-model="formLabel.phone"></el-input> </el-form-item> methods: { // 获取新增页面的默认电话号码 getAreaAndBankName() { apiRequest // apiRequest是一个封装的axiaos请求 .get("/PrefabricateCardManager/getLoginInfo") .then(res => { this.formLabel.phone= res.data.data.phone; }) }, } mounted() { this.getAreaAndBankName(); },

然后输入框是有默认的值，鼠标点击也是有光标的，但是键盘修改绑定值是修改不了的

最后发现是因为只定义了表单，并没有对表单里面的字段进行定义，当表单字段较多的时候，初始时父亲都不知道自己有几个孩子，无法双向绑定，应该在表单里面定义对应的字段，如下即可：

data() { return { formLabelAlign: { phone:"" } } }