Vue——解决报错 Computed property "****" was assigned to but it has no setter.

 更新时间:2020年12月19日 16:32:23   作者:刘彤彤  
这篇文章主要介绍了Vue——解决报错 Computed property "****" was assigned to but it has no setter.的方法,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下

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

   [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中的组件注册方法及注意事项

    在Vue中,组件是构建页面的基本单位。通过组件化开发,可以提高代码的复用性和可维护性。组件的注册方法包括全局注册和局部注册两种方式。同时,需要注意组件名的命名规范、组件选项的定义方式、组件之间的通信等问题,以实现更好的组件复用和开发效率
    2023-05-05
  • vue中ref和reactive的区别及说明

    vue中ref和reactive的区别及说明

    这篇文章主要介绍了vue中ref和reactive的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • vue3 自定义指令控制按钮权限的操作代码

    vue3 自定义指令控制按钮权限的操作代码

    这篇文章主要介绍了vue3 自定义指令控制按钮权限,为了提高用户体验,当该按钮无权使用时,使用el-tooltip功能进行提醒,结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • 解决vue.js 数据渲染成功仍报错的问题

    解决vue.js 数据渲染成功仍报错的问题

    今天小编就为大家分享一篇解决vue.js 数据渲染成功仍报错的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • vue.js提交按钮时进行简单的if判断表达式详解

    vue.js提交按钮时进行简单的if判断表达式详解

    这篇文章主要给大家介绍了关于vue.js提交按钮时如何进行简单的if判断表达式的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-08-08
  • Vue下拉菜单组件化开发详解

    Vue下拉菜单组件化开发详解

    这篇文章主要为大家详细介绍了Vue下拉菜单组件化开发过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • vue中兄弟组件传值的两种方式小结

    vue中兄弟组件传值的两种方式小结

    这篇文章主要介绍了vue中兄弟组件传值的两种方式小结,具有很好的参考价值,希望对大家有所帮助。
    2022-07-07
  • vue实现通过手机号发送短信验证码登录的示例代码

    vue实现通过手机号发送短信验证码登录的示例代码

    本文主要介绍了vue实现通过手机号发送短信验证码登录的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • 如何在vue中使用HTML 5 拖放API

    如何在vue中使用HTML 5 拖放API

    这篇文章主要介绍了如何在vue中使用HTML 5 拖放API,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2021-01-01
  • 前端Vue单元测试入门教程

    前端Vue单元测试入门教程

    单元测试是用来测试项目中的一个模块的功能,本文主要介绍了前端Vue单元测试入门教程,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-12-12

最新评论