直接赋值后导致input输入框不能编辑
解决方法一:改变data数据初始值
input:{
description:''
}
解决方法二:
methods:{
memoStyleChange(item){
if (item == 1) {
this.$set(this.input,'description','Listing is still available')
} else {
this.$set(this.input,'description','Landlord could not be reached')
}
}
}
原因在于在Vue实例创建时,obj.b并未声明,因此就没有被vue转换为响应式的属性,自然就不会触发视图的更新,这时就需要使用vue的全局api set()方法相当于手动的去把objb处理成一个响应式的属性,此时视图也会跟着改变了