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

代码：报错信息：上面的报错主要是：Cannot set properties of undefined (setting ‘plate’)翻译之后就是：无法设置未定义的属性（设置“plate”）(这里plate是在this里面定义的一个属性)从这就能大概猜出是因为获取不到data里定义的这个属性造成的（具体就是this指向问题）第一次解决问题：原本我以为定义一个that方法把他指向给this就行，

_仰望星空的你

3619人浏览 · 2022-03-08 11:50:45

_仰望星空的你 · 2022-03-08 11:50:45 发布

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

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

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

第一次解决问题：

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

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

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

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^