报这个错误的原因，一般就两种情况html页面渲染的时候。双{{value.key}}插值或者v-text="value.key"中找不到这个key，报undefined还有就是v-for循环的时候 绑定的:key="tag,name" 这个name未定义，希望可以解决你的问题。。如果帮助到你了，记得点赞关注啊...
首先，页面假死是由于for循环中
key
值重复导致的，下边是问题解决的详细描述
昨天在使用vue进行页面循环的时候，起初控制台总会报一些错误，说
key
存在重复，但是我们设置的
key
值是返回回来每个数组对象中的
key
，这个
key
在数据库中是唯一值，但是依然发生错误
起初只是控制台
报错
了，但是当我们循环的列表超过百条的时候，出现了一个严重问题，点击列表进行删除操作的时候页面直接卡住了，但屏幕依然可以滚动，此时控制台报的错误如下：
为了解决这个问题，我们最终将
key
的值设置为了每个对象数组中的label值，这个la
关于vue
报错
Cannot
read
property
‘xxx’ of
undefined
在使用vue开发时，有时会看到控制台警告：“
TypeError
: Cannot
read
property
‘title’ of
undefined
”，但HTML又是正常的，作为一个强迫症肯定不能忍啊！
vue通过键名获取对象中的值，使用 . 级联显示数据，控制台报如下错误：
代码如下：
vue项目中经常会遇到"cannot
read
property
‘某某某’ of
undefined
"的
报错
信息。下面我就简单分析下
报错
原因及解决方法
info是服务端返回的数据，是一个对象。我们要做的就是把对象里的值放到页面显示，先看一下我出错的代码片段
<div class="shop-header-discounts" @click="toggleSupportShow">
<div class="discounts-left">
一、问题描述使用{{}}双花括号在html页面进行数据绑定时，从一个对象中获取，超过两个.就
报错
，如下代码
报错
提示为“
TypeError
: Cannot
read
property
'Name' of
undefined
”。var editsmall_v = new Vue({
el: '#editsmall',
data: {
editSmall : {}
原因及解决办法：
就是因为":starNum=" 的值应该是number型，为空时我传递一个String型的 ‘0’，应该为number型的 0
导致循环中starNum 被使用，类似 v-for="(item,index) in starNum" :
key
= “index”
key
就
报错
了.
key
的
报错
，一般就是用到
key
了，或者就是v-for里的 ：
key
的问题
<SubHeader
headerText="技术"
:starNum=
虽然
报错
：Cannot
read
property
‘xxx’ of
undefined
" 但是页面能渲染上数据
文章目录虽然
报错
：Cannot
read
property
'xxx' of
undefined
" 但是页面能渲染上数据1. 【Vue】虽然
报错
：Cannot
read
property
'xxx' of
undefined
" 但是页面能渲染上数据1.1问题分析1.2 问题解决方法总结
1. 【Vue】虽然
报错
：Cannot
read
property
‘xxx’ of
undefined
"
报这个错的原因有很多，这里记录下我近日发生这个
报错
的原因；
我的是由于后台返回给我字段中含有Id字段，且该字段并非主键，含有大量的重复值，这个和VUE唯一标识ID 冲突了，所以导致我前台一搜索整个页面就卡死了，目前我采取的解决方式是，让后台返回字段时转一下，改成S_ID即可了。
这句话直译过来就是：
TypeError
：无法读取未定义的属性“ xxx”
首先去看看属性 ‘xxx’ 有没有定义。没定义的根据实际需求在data中或者方法中定义一下。
1、如果在data中定义了，先看看你的data写对了没，我有一次手误打成了 date ，检查了一下午才看出来o(╥﹏╥)o
2、如果这个数据“xxx”是从后台异步获取的，那就最好在data中先给他个默认值
data() {
return {
obj1: '',
obj2: null.
我在网上搜了一下报这个错的主要问题，发现主要可能是
key
值不唯一，我看了一下后台返回的数据才发现最后一个数据是测试的，跟倒数第二个的value值(也就是我拿来当
key
的数据是相同所以才导致出现这个问题)，我是直接叫后台删了那个测试数据
