elementui中给input框赋值成功后input框不能进行编辑问题

167 阅读1分钟

直接赋值后导致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()set() set()方法相当于手动的去把objb处理成一个响应式的属性,此时视图也会跟着改变了