Vue中如何排查并修复Computed property错误？

本文共计302个文字，预计阅读时间需要2分钟。

在最新的项目中，遇到了一个警告信息：[Vue warn]：计算属性 currentStep 被赋值了，但它没有定义 setter。这意味着：计算属性 currentStep 被赋予新值，但尚未定义相应的设置方法。需要解决这个警告问题。

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

　　 [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方法的不同操作，这个警告就解决了。