vue下页面报错解决1.Cannot read property 'temp' of null"

我的环境电脑系统Ubuntu，vscode编辑器项目是使用vue-cli搭建的脚手架，文件名后缀均为.vue使用vuetify框架vue从后台获取到数据并已渲染元素但还是报null错误无论删除哪条报错的数据，处在第一条数据永远在报错源代码页面我的初始赋值的deviceLatestValue是null，初始渲染读取deviceLatestValue.temp当然是Cannot re...

OnismYY

9161人浏览 · 2019-02-13 18:57:50

OnismYY · 2019-02-13 18:57:50 发布

我的环境

电脑系统Ubuntu，vscode编辑器
项目是使用vue-cli搭建的脚手架，文件名后缀均为.vue
使用vuetify框架

vue从后台获取到数据并已渲染元素但还是报null错误

无论删除哪条报错的数据，处在第一条数据永远在报错在这里插入图片描述
源代码页面
我的初始赋值的deviceLatestValue是null，初始渲染读取deviceLatestValue.temp当然是Cannot read property ‘temp’ of null"，解决办法是，给deviceLatestValue初始赋值{}，或者template模板里类似读取deviceLatestValue的父元素都加一个v-if=“deviceLatestValue != null”，完美解决
如下图：
在这里插入图片描述

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}$/, //不连续的两位字母// /^