Vue——解決報錯 Computed property "****" was assigned to but it has no setter.

　　在最近的項目中遇到了如下的警告信息：

　　 [Vue warn]: Computed property " currentStep" was assigned to but it has no setter.（意思是：計算屬性 currentStep被賦值了，但此它並未定義 set方法 。）

　　要解決這個問題，首先要明確這個問題出現的原因。這個警告是由於Vue的計算屬性內部沒有set方法，即：計算屬性不支持值得修改（只能針對data中的值進行計算）。

　　

data(){
    return {
        stepMap:0
    }
},
computed:{
    currentStep:{
        get(){
             return this.stepMap
        },
        set(v){
            this.stepMap = v
        }
        // set方法只寫下面這一行也是可以的
        // set(){}
    }
}    

 

　　如上面所示，只要手動給計算屬性添加get和set方法的不同操作，這個警告就解決了。