解决Vue + Echarts的报错（Cannot set properties of undefined (setting ‘plate‘)）

最新推荐文章于 2024-05-23 13:38:07 发布

_仰望星空的你

最新推荐文章于 2024-05-23 13:38:07 发布

阅读量3.5k

点赞数 1

分类专栏： vue 文章标签： JavaScript this指向箭头函数属性访问错误修复

本文链接：https://blog.csdn.net/weixin_46419373/article/details/123349653

版权

8 篇文章 0 订阅

订阅专栏

代码：
在这里插入图片描述

报错信息：
在这里插入图片描述
上面的报错主要是：
Cannot set properties of undefined (setting ‘plate’)
翻译之后就是：无法设置未定义的属性（设置“plate”）(这里plate是在this里面定义的一个属性)

从这就能大概猜出是因为获取不到data里定义的这个属性造成的（具体就是this指向问题）

第一次解决问题：

原本我以为定义一个that方法把他指向给this就行，结果还是报错了

在这里插入图片描述
第二次解决问题：

仔细检查了一下，发现是formatter造成的，改成箭头函数就可以直接获取到data定义的内容

在这里插入图片描述

关注

专栏目录