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

以上就是Vue——解决报错 Computed property "****" was assigned to but it has no setter.的详细内容,更多关于vue 解决报错的资料请关注其它相关文章!

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

如何解决ElementUI组件中el-upload上传图片不显示问题

解读element el-upload上传的附件名称不显示 file-list赋值

一篇关于el-table-column的formatter的如何使用及说明