6***@qq.com
6***@qq.com
  • 发布:2019-10-18 15:57
  • 更新:2019-10-18 15:57
  • 阅读:700

【报Bug】嵌套循环中key重复的问题

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

官方组件 uni-grid 中子循环的 :key=index ,编译时提示 key 重复的警告,导致APP首次安装时,点击元素响应顺序错乱,但是不知道为啥,杀APP进程后,,重启就似乎没有类似问题;很怪异,,而且 如果采用 表达式 方式拼接key,提示非H5端不支持拼接key; 例如 key="index+'_'+i" 形式; 请问如何解决?

<template>
<view :class="{'uni-grid-no-border':!showBorder,'uni-grid-no-out-border':showBorder && !showOutBorder}" class="uni-grid">
<view v-for="(items,i) in gridGroup" :key="i" class="uni-gridflex">
<view v-for="(item,index) in items" :hover-start-time="20" :hover-stay-time="70" :key="index" :class="[index == columnNum ? 'uni-grid-item-last' : '','uni-grid-' + type]" :style="{visibility:item.seize ? 'hidden' : 'inherit'}" class="uni-grid-item" hover-class="uni-grid-item-hover" @click="onClick(i,index)">
<view v-if="!item.seize" class="uni-grid-item
content">
<image :src="item.image" class="uni-grid-item-image" />
<text class="uni-grid-item-text">{{ item.text }}</text>
</view>
</view>
</view>
</view>
</template>

[内容]

重现步骤

[步骤]

[结果]

key 重复并且 key 不支持拼接表达式

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

HBuilderX

[IDE版本号] 2.3.3.20190923

[windows版本号] window 10

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-10-18 15:57 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复