1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue:input框使用v-model绑定值之后无法修改绑定值

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

时间:2020-11-13 02:53:50

相关推荐

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 {formLabel: {phone:""}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。