v-model涉及和computed计算属性双向绑定失效的问题

今天在使用v-model和计算属性时，发现双向绑定失效问题，浏览器警告如下

计算属性部分代码：

computed:{
    editable(){
        return this.type.power==0?true:false
    }
  },

v-model部分代码：

	<el-switch v-model="editable">el-switch>

后来查了资料发现是计算属性的这种写法只有get方法，没有set方法，无法对值进行设置

改成如下写法：

computed:{
    editable:{
      get(){
        return this.type.power==0?true:false
      },
      set(val){
        if(val){
          this.type.power=0;
        }else{
          this.type.power
        }
      }
    }
  }

完美解决

原文地址https://blog.csdn.net/qq_34414994/article/details/82688159