在一个页面产生很多个v-for时应该保持key的独一无二不然会出现一下情况

vue控制台报错Duplicate keys detected: ‘xxxx‘. This may cause an update error.

目前加字符串可以完美解决

但是有可能随着层级的加深出现渲染问题

Error in render: "TypeError: Cannot read properties of undefined (reading 'name')" found in....

意思就是模板在渲染时候，读取对象中的某个对象的属性值时，这个对象不存在，说通俗点就是三层表达式a.b.c，在对象a中没有对象b，那么读取对象a.b.c中的值，自然会报错。如果是两层表达式a.b则不会报错，返回的是undefined

【解决方案】：
在上面一个div中或者再当前添加v-if判断条件，如果queryData[0]取不到，则不加载该div即可解决。（注意，不能用v-show，v-show的机制是加载后，根据条件判断是否显示）

v-for中的key问题相关推荐

PHP 如何获取二维数组中某个key的集合(高性能查找)
分享下PHP 获取二维数组中某个key的集合的方法. 具体是这样的,如下一个二维数组,是从库中读取出来的. 代码: $user = array( 0 => array( 'id' => 1 ...
oracle v rman status,RMAN 中V$ARCHIVED_LOG 中STATUS 为X 的文件处理
记录一下[@more@] 今天发现RMAN 中V$ARCHIVED_LOG 中STATUS 为"X" 的文件,想起是因为手动删掉错几个日志造成的,通过如下的方法把RMAN 中的记录 ...
如何判断Map中的key或value是什么类型
对于某些从泛型(比如:Map<K, V>)中继承过来的数据,K可能是String.Integer.等等.如果需要map.get(key),得先确保key的类型跟map的K匹配. 对于key ...
hashmap中的key是有序的么_美团面试题：Hashmap结构，1.7和1.8有哪些区别（史上最最详细解析）...
作者|依本多情原文:blog.csdn.net/qq_36520235/article/details/82417949 一.真实面试题之:Hashmap的结构,1.7和1.8有哪些区别不同点: ...
php 数组改变key,如何修改php数组中的key
如何修改php数组中的key 发布时间:2020-08-01 14:49:52 来源:亿速云阅读:105 作者:清晨小编给大家分享一下如何修改php数组中的key,希望大家阅读完这篇文章后大所收获 ...
关于v$process与v$session中process的理解
v$session有个process字段,V$PROCESS有个SPID字段,这两个字段是不是一个意思呢?是不是都代表会话的操作系统进程呢? 官方文档上的解释: SPID VARCHAR2( ...
如果要将对象用作Map中的key，需要注意什么
点击上方"方志朋",选择"置顶公众号" 技术文章第一时间送达! 本文阅读时间大约5分钟. 参考答案如果将对象作为Map中的key,需要是实现该对象的equal ...
oracle中key,mysql中的key在oracle中是什么
mysql中的key在oracle中是什么说明一下.key在oracle中对应的是什么? 比如说: CREATE TABLE `AdBanner` ( `BannerId` int(8) NOT N ...
oracle设置缓存大小设置多少,【数据库类※从V$DB_CACHE_ADVICE中设置数据缓冲大小※】...
[数据库类※从V$DB_CACHE_ADVICE中设置数据缓冲大小※] Oracle 9i引入了一个新的途径来预测数据缓冲cache中附加数据缓存的所带来的好处的多少.V$DB_CACHE_A ...
MySQL create table语法中的key与index的区别
在create table的语句中,key和index混淆在一起,官方手册中的解释是这样: KEY is normally a synonym for INDEX. The key attribute ...

v-for中的key问题

vue控制台报错Duplicate keys detected: ‘xxxx‘. This may cause an update error.

v-for中的key问题相关推荐

最新文章

热门文章