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-class-component源码阅读

    深入理解vue-class-component源码阅读

    这篇文章主要介绍了深入理解vue-class-component源码阅读,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • 解决v-if 与 v-for 同时使用报错的问题

    解决v-if 与 v-for 同时使用报错的问题

    在进行项目开发的时候因为在一个标签上同时使用了v-for和v-if两个指令导致的报错,遇到这个问题如何解决呢?下面小编给大家带来了关于v-if 与 v-for 使用报错问题分析及解决方法,一起看看吧
    2022-03-03
  • VUE.js实现动态设置输入框disabled属性

    VUE.js实现动态设置输入框disabled属性

    今天小编就为大家分享一篇VUE.js实现动态设置输入框disabled属性,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • Vue3中 引入Ant Design的操作方法

    Vue3中 引入Ant Design的操作方法

    Ant Design 是一个开源库,可让您创建吸引人的响应式网站。如果您想使用经过充分测试且易于学习的框架,那么它是您下一个项目的绝佳选择,这篇文章主要介绍了如何在 Vue 3 中使用 Ant Design,需要的朋友可以参考下
    2023-04-04
  • Vue+Java 通过websocket实现服务器与客户端双向通信操作

    Vue+Java 通过websocket实现服务器与客户端双向通信操作

    这篇文章主要介绍了Vue+Java 通过websocket实现服务器与客户端双向通信操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • vue实现图片滑动验证

    vue实现图片滑动验证

    这篇文章主要为大家详细介绍了vue实现图片滑动验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Vue项目中在父组件中直接调用子组件的方法

    Vue项目中在父组件中直接调用子组件的方法

    这篇文章主要给大家介绍了Vue项目中如何在父组件中直接调用子组件的方法,文章通过代码示例介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2023-11-11
  • vue填坑之webpack run build 静态资源找不到的解决方法

    vue填坑之webpack run build 静态资源找不到的解决方法

    今天小编就为大家分享一篇vue填坑之webpack run build 静态资源找不到的解决方法。具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vue实现模糊查询-Mysql数据库数据

    Vue实现模糊查询-Mysql数据库数据

    这篇文章主要介绍了基于Vue实现Mysql数据库数据模糊查询,下面文章我们主要实现的是输入框中输入数据,根据输入的结果模糊搜索数据库对应内容,实现模糊查询,感兴趣的小伙伴可以进入文章我们一起学习
    2021-12-12
  • nodejs读取并去重excel文件

    nodejs读取并去重excel文件

    给大家带来一篇关于用nodejs实现excel文件的读取并去重的功能,有兴趣的朋友参考学习下。
    2018-04-04

最新评论