同事在使用el-input组件时,在v-model绑定对象的时候,发现输入不生效
<el-input v-model="model.name" placeholder="请输入内容"></el-input>
data() {
return {
model: {}
},
methods: {
getData() {
model.name = 'zs';
}
}
}
后来我检查发现是由于在初始化时并未设置name属性,在设置该参数后无法监听参数的改变
<el-input v-model="model.name" placeholder="请输入内容"></el-input>
data() {
return {
model: {
name: ''
}
},
methods: {
getData() {
model.name = 'zs';
}
}
}
写成这样就可以了
我们还可以使用$set来实现监听
getData() {
this.$set(this.model, 'name', 'zs');
}