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


Posted in Vue.js onDecember 19, 2020

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

[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.js 相关文章推荐
vue在图片上传的时候压缩图片
Nov 18 Vue.js
详解Vue的mixin策略
Nov 19 Vue.js
VUE+Element实现增删改查的示例源码
Nov 23 Vue.js
vue 在服务器端直接修改请求的接口地址
Dec 19 Vue.js
vue实现简易的双向数据绑定
Dec 29 Vue.js
Vue多选列表组件深入详解
Mar 02 Vue.js
Vue-router编程式导航的两种实现代码
Mar 04 Vue.js
Vue3.0 手写放大镜效果
Jul 25 Vue.js
vue实现移动端div拖动效果
Mar 03 Vue.js
vue实现拖拽交换位置
Apr 07 Vue.js
vue elementUI表格控制对应列
Apr 13 Vue.js
vue ant design 封装弹窗表单的使用
Jun 01 Vue.js
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 #Vue.js
Vue——前端生成二维码的示例
Dec 19 #Vue.js
如何在vue中使用kindeditor富文本编辑器
Dec 19 #Vue.js
vue 在服务器端直接修改请求的接口地址
Dec 19 #Vue.js
vue 通过base64实现图片下载功能
Dec 19 #Vue.js
Vue中computed和watch有哪些区别
Dec 19 #Vue.js
Vue与React的区别和优势对比
Dec 18 #Vue.js
You might like
支持oicq头像的留言簿(二)
2006/10/09 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
php 创建以UNIX时间戳命名的文件夹(示例代码)
2014/03/08 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
PHP页面转UTF-8中文编码乱码的解决办法
2015/10/20 PHP
PHP单链表的实现代码
2016/07/05 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
深入分析js的冒泡事件
2014/12/05 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
基于insertBefore制作简单的循环插空效果
2015/09/21 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
Bootstrap模态框调用功能实现方法
2016/09/19 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
详解vue组件开发脚手架
2018/06/15 Javascript
Element UI 自定义正则表达式验证方法
2018/09/04 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
Ant design vue中的联动选择取消操作
2020/10/31 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
python pytest进阶之xunit fixture详解
2019/06/27 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
pandas dataframe 中的explode函数用法详解
2020/05/18 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
Python定义一个Actor任务
2020/07/29 Python
CSS3实现王者荣耀匹配人员加载页面的方法
2019/04/16 HTML / CSS
AmazeUI的下载配置与Helloworld的实现
2020/08/19 HTML / CSS
Rosetta Stone官方网站:语言学习
2019/01/05 全球购物
如何实现一个自定义类的序列化
2012/05/22 面试题
班风口号
2014/06/18 职场文书
经典团队口号大全
2014/06/21 职场文书
Django显示可视化图表的实践
2021/05/10 Python