vue:input框使用v-model绑定值之后无法修改绑定值
日常给自己挖坑:搬来的砖,一个没注意的小细节就自己挖了个大坑上代码:<el-form-item label="联系方式" prop="phone"><el-input v-model="formLabel.phone"></el-input></el-form-item>methods: {// 获取新增页面的默认电话号码getAreaAndBank
·
日常给自己挖坑:搬来的砖,一个没注意的小细节就自己挖了个大坑
上代码:
<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 {
formLabel: {
phone:""
}
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)