程序员经验分享-hwhale

关于transition-group报错children must be keyed: div

2023-05-16

学习项目时遇到了这个报错.

原来的写法: 


<div v-for="ball in balls" v-show="ball.show" class="ball">
  <div class="inner"></div>
</div>

修改成这样后成功排除报错:


<div v-for="(ball, index) in balls" v-bind:key="index" v-show="ball.show" class="ball">
  <div class="inner"></div>
</div>
给循环的组件添加个key就解决了 

v-bind:key="index"
略水,见谅
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

transition

GROUP

children

must

keyed

关于transition-group报错children must be keyed: div 的相关文章

  • 最后一个分叉的孩子不会死

    我的主进程分叉了两次 从而创建了两个子进程 这两个孩子是这样相互沟通的 ls more 现在的问题是 第二个孩子永远不会死 这是为什么 管道中的最后一个孩子什么时候真正死亡 删除一个wait 调用显示了预期结果ls more但给出了一些进一

  • 共享元素转换（前台/后台）问题

    我想知道是否可以更改共享元素过渡的 z 顺序 看 我有一个带有图像的布局 它填满整个屏幕 图像前面是一个文本框 显示图像的标题 如果我单击文本框 则会开始过渡到详细信息活动 因此 我实现了一个共享元素过渡 其中全屏图像在详细视图中动画化为自

  • D3 - 重置 SVG 对象动画

    我正在用交互式标记制作一个图表 每个标记都沿着侧轴开始 单击时会移动到沿线的位置并增大尺寸 我让图标移动和增长 但在重置图表时遇到问题 我可以通过第二次单击使图标返回到其原始位置 但是第二次单击后图标将不再响应单击 我怀疑这很简单 但我没有

  • 以编程方式在按钮内添加图像

    In WPF

  • 使用 D3 过渡逐渐更改显示为 svg 文本的数字

    我正在寻找一种简单的方法来逐渐更改使用 d3 显示为 svg 文本的数字的值 var quality 0 06 14 qSVG is just the main svg element qSVG selectAll txt data qua

  • 关闭当前用户控件

    我有一个 Window1 xaml 主窗口 在某些事件之后 我显示一个 UserControl EditFile xaml 背后的代码是 public static int whichSelected 1 private void butt

  • 具有多个子项的 WPF UserControl

    我有一个用户控件 我希望能够拥有多个子控件 它已经有 StackPanel 作为它的子项 那么我做错了什么 最终 我希望该控件自动包含一些它自己的子元素 然后在使用时允许在其元素之一中放置更多的子元素 我试过MSDN 的如何覆盖逻辑树 ht

  • JS 或 CSS 页面在 2 个完整页面之间滑动过渡

    我有两个html页面 Page1 html Page2 html 我想在两个页面之间滑动 我发现了很多插件和解决方案可以在两个 div 之间滑动或在容器内滑动 但我需要的是完整的页面更改 我发现了一些东西 http www fasw ws

  • Android共享视图过渡与淡入淡出过渡相结合

    我有一个传递共享元素动画的活动 这是一个基本的 ImageView 转换 工作得很好 现在 对于活动中的其他元素 我想要一个淡入淡出动画 现在 这适用于所有元素 但与 ImageView 共享视图 位于同一视图组中的视图除外 我的布局如下

  • 让显示：无元素slideRight();

    我正在尝试在 CSS 中制作一个菜单 其中只有图标作为按钮可见 但是当您将鼠标悬停在它们上方时 必须显示图标旁边的文本 问题是我想用类似 SlideDown 的效果来动画显示文本的效果 然后才到右侧 HTML 其中包括图标的 fontawe

  • React Router 转换进出事件

    我对我正在开发的一个小型网站有一个相当基本的设置 我正在使用 React 和 React Router 4 现在我想在用户输入路线时添加过渡 以使用一些 javascript 动画过渡该路线的进出 但是 我不知道如何正确执行此操作 假设用户

  • TabView 的 SwiftUI 动画选项卡

    在 SwiftUI 中使用 TabView 时 是否可以修改选项卡选择之间的转换 目前 当选择不同的选项卡时 转换非常突然 居然瞬间突然 哎哟 例如 给定以下情况 TabView Text The First Tab tabItem Ima

  • Windows 窗体，从父窗体获取属性

    我遇到了一点问题 我在父表单中有一个数据表 我打开一个对话框表单 获取数据表属性并创建一个复选框列表 这将用于导出这些列 但是当我运行应用程序时 parentform 属性为空 我尝试在父窗体和对话框窗体中设置它 我假设如果调用 ShowD

  • 在 Woocommerce 产品类别小部件中显示子类别档案

    我正在使用 Woocommerce 建立一家商店并使用 WooCommerce 产品类别小部件 我已经设置了许多产品类别和子类别 其中一个类别是 海报 并有几个子类别 例如 星座 旅行 自然 默认情况下 Woocommerce 仅显示父类别

  • “魔法移动”效果自定义转场

    我试图在两个视图控制器之间进行自定义转换 首先 这是一张图片来说明我想要的 我想要一个 UICollectionViewCell 扩展到整个屏幕 在此单元格中 子视图通过 IB 中的自动布局放置 我只想让每个子视图转到新位置 所以我尝试了s

  • 列出子项 API 未提供驱动器/文件夹的所有子项

    我在获取用户 OneDrive 的文件 文件夹时遇到以下问题 击中时 https graph microsoft com v1 0 users https graph microsoft com v1 0 users 用户 ID 驱动器 我

  • 如何让ListView在转换到另一个路线时保留其滚动？

    我想在我的颤动应用程序中完成滑动到右侧的转换 问题是路线转换有点创建我想要从中转换的页面的新实例 所以ListView滚动重置 看视频 https youtu be PdLhyvNoU8 这就是我创建新路线的方式 oldRoute need

  • CSS3 在 ios 上的过渡缓慢/不工作

    我正在尝试在我正在制作的响应式网站上开始使用一些 CSS3 转换 并且在桌面 Chrome 和 Android 上的 Chrome 上一切正常 但在 Chrome 和 Safari 的 iOS 设备上无法正常工作 例如 我用于菜单的 CSS

  • jquery 如果 div id 有孩子

    This if 条件给我带来了麻烦 if div id myfav has children do something else do something else 我尝试了以下所有方法 if myfav hasChildren do so

  • 数据与线的日期和时间转换

    我使用 D3 V5 创建了此图表 另外 我已在小提琴上附加了示例数据 您可以点击此处查看 https plnkr co edit pINxcS9yt9AuJmSk02Fs p preview 我已经包括了tick函数代码块 它在向左滑动的路

随机推荐

  • 2011研发工作总结

    转眼这一年又将过去 xff0c 伴随着公司的成立 xff0c 我们辛苦而又忙碌的从年头走到了年尾 以下是总结下这一年中工作的情况 xff0c 谈谈经验感想 xff0c 说说得失 公司成立 2011年刚开始 xff0c 公司就成立了 我们在喜

  • 论文笔记——EXPLAINING AND HARNESSING ADVERSARIAL EXAMPLES（解释和利用对抗样本）

    本文参考了三篇笔记 xff0c 帮助很大 xff1a Explaining and Harnessing Adversarial Examples 阅读笔记 论文笔记 Explaining amp Harnessing Adversaria

  • C++验证哥德巴赫猜想

    include lt iostream gt using namespace std bool Prime int i 判断是否为质数的函数 int j if i lt 61 1 return 0 如果小于等于1返回0 if i 61 61

  • 能ping通Linux&nbsp;但是ssh连不上问题…

    问题 xff1a 能ping通Linux服务器 但是ssh连不上 lt Linux redhat AS4 版本 gt 解决方法这个问题花了我20分钟去查资料 xff0c 网上写的解决方法也是五花八门 xff0c 不过 xff0c 总算解决了

  • RuntimeError: NCCL error in:torch/lib/c10d/ProcessGroupNCCL.cpp:514, invalid usage, NCCL version 踩坑

    运行pytorch分布式任务时 xff0c 可能在执行dist barrier 这条代码时会触发NCCL错误 xff1a RuntimeError NCCL error in torch lib c10d ProcessGroupNCCL

  • 有一种服务称为MaaS

    Metal as a Service 有一种服务称为MaaS xff08 开源 xff09 xff1a 云管理平台中必不可少的服务 为服务对象提供裸机 xff08 1或n xff09 xff0c 服务对象可以用来安装云OS和其他云功能 使用

  • UDP网络编程服务器与客户端代码

    一 xff0c 通信模型 服务器 xff1a 1 创建socket xff0c 使用socket函数 2 准备通信地址 xff0c 使用结构体类型 3 绑定socket和通信地址 xff0c 使用bind函数 4 监听 xff0c 使用li

  • SAMBA共享工具安装

    1 xff0c 环境win7 b4位 xff0c ubuntu16 04 xff0c 确定ubuntu已连接到互联网 xff0c 执行如下命令下载 Samba 工具 xff1a sudo apt get install samba samb

  • K8s ❉ node节点未找到cni0/flannel.1网络

    问题描述 xff1a 现有测试环境有3台k8s服务器 xff0c 现在新添加两台服务器 xff0c 发现新加的服务器flannel 1和cni0网卡没有生成 root 64 slave1 ifconfig docker0 flags 61

  • 学习一下freertos streambuffer

    学习一下freertos stream buffer 最近在自己从0到1写rtos xff0c 主要是为了学习rtos xff0c 并没有其他卵用 xff0c 光学会调API是不够的 xff0c 看源码又恼火 xff0c 所以学习的最好办法

  • Writable接口

    在org apache hadoop io中 xff0c hadoop使用自己的序列化格式Writables接口 xff0c 具有紧凑 xff0c 快速的特点 xff0c 不过目前只有用Java才能较容易扩展 在hadoop中 xff0c

  • 解决数据库连接慢问题

    解决数据库连接慢问题方法 xff1a 方法一 连接数据库时 xff0c 使用localhost xff0c 不要使用明确的IP地址 xff08 远程数据库除外 xff09 xff1b 方法二 在my cnf配置文件里 xff0c 添加ski

  • 难忘的2011

    前言 xff1a 这些年 xff0c 每到年终之时 xff0c 我都会写个总结 2009年的 优化生活 规划未来 记录了一位初级网络优化工程师09年的所想与所做以及对10年的规划与展望 xff1b 2010年的 今天的2010 xff0c

  • QT从字体名获取字库文件路径(从宋体获取到simsun.ttc)

    MFC版本的从字体名获取字库文件路径点击此处 最近弄的一份项目需要裁剪ttf字库 xff0c 故需要用到此功能 xff01 用了几年QT xff0c 个人感觉类库是非常强大的 xff01 QT相比VS的话亮点在开源的类库非常的丰富 xff0

  • C++编写分形问题

    目的 xff1a 递归是基本的算法思想和设计方法之一 xff0c 也是数据结构重点讲授的部分 xff0c 是许多算法的基础 xff0c 对它们的理解和运用直接关系着其他算法的理解和应用 因此 xff0c 熟练掌握递归是十分重要的 通过本题

  • MFC从字体名获取字库文件路径(从宋体获取到simsun.ttc)

    上一篇有讲到在QT中从字体名获取文字的路径 xff0c 这个是MFC版本的 xff1a QT从字体名获取字库文件路径 include lt string gt using namespace std void wcharTochar con

  • 如何在 IntelliJ IDEA 中快速生成 JavaDoc 注释模板

    笔者的工作环境 xff1a IntelliJ IDEA 2021 2 2 Ultimate Edition JDK 17 使用 IntelliJ IDEA 中的实时模块可以快速生成 JavaDoc 注释 方法如下 xff1a xff08 I

  • FYI,PFA

    FYI For Your Information 供您参考 PFA please find attached 请参看附件

  • ArcGISEngine10.0安装后因为授权问…

    ArcGISEngine10 0 安装后因为授权问题无法使用 xff0c 添加控件提示错误 例如 xff1a 创建组件 ToolbarControl 失败 错误消息为 xff1a System ComponentModel LicenseE

  • 关于transition-group报错children must be keyed: div

    学习项目时遇到了这个报错 原来的写法 lt div v for 61 34 ball in balls 34 v show 61 34 ball show 34 class 61 34 ball 34 gt lt div class 61

热门标签