[Vue warn]: <transition-group> children must be keyed: <ElTag>

2023-05-16

Vue 报错:
[Vue warn]: <transition-group> children must be keyed: <ElTag>

 

问题

如果需要在 el-select 上面绑定整个 item 对象时,但是展示只显示 name 字段,会报如标题所示错误

<el-select
  v-model="dialogForm.placeInfo"
  value-key="id"
  multiple
  :multiple-limit="5"
  filterable
  reserve-keyword
>
  <el-option
    v-for="item in placeOptions"
    :label="`${item.name}(${item.applyPerson})`"
    :key="item.id"
    :value="item"
  ></el-option>
</el-select>

解决方法

el-select 标签添加 value-key 属性,且值为 item 中的唯一属性值,如 id

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

[Vue warn]: <transition-group> children must be keyed: <ElTag> 的相关文章

  • 适合7岁孩子的环境[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 使用 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
  • 拓展:vue 父组件调用子组件方法ref(且父组件可通过ref调用的方法传值给子组件)

    1 ref被用来给元素或子组件注册引用信息 引用信息将会注册在父组件的 refs对象上 一 ref被用来给元素或子组件注册引用信息 引用信息将会注册在父组件的 refs对象上 div class formBtn fl 111 div div
  • 从无显示更改为阻止时转换不起作用

    我注意到了transition当元素也从以下位置更改时不起作用display none to block 这是为什么 如果我删除它就可以了display属性 CSS box width 150px height 150px backgrou
  • 根据 QWizardPage 内容的变化动态添加/删除 Finish

    我正在关注 a 上的教程许可证向导 http doc qt io qt 5 qtwidgets dialogs licensewizard example html using PyQt5 尝试学习如何创建非线性向导 然而我似乎陷入了一个问
  • React Router 转换进出事件

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

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

    根据文档transition tween https github com mbostock d3 wiki Transitions tween calling transition tween name factory 为指定的对象注册一
  • JavaScript - 在 display:none 和 display:block 之间添加过渡

    我正在使用 JavaScript 来切换通知 如下所示 如何添加之间的过渡display block and display none 我不想添加像 jQuery 这样的外部库 因为我只会使用toggle单独作用 var btn docum
  • Java Dom 解析器报告子节点数量错误

    我有以下 xml 文件
  • Angular 2 动画/过渡仅适用于 chrome?

    正如标题所示 我一直在使用 Angular2 构建一个 Web 应用程序 并决定测试跨浏览器 结果发现漂亮的动画只能在 Chrome 中运行 这是我的一个组件的样子 如果这可能会有所不同 Component selector contact
  • 在 Woocommerce 产品类别小部件中显示子类别档案

    我正在使用 Woocommerce 建立一家商店并使用 WooCommerce 产品类别小部件 我已经设置了许多产品类别和子类别 其中一个类别是 海报 并有几个子类别 例如 星座 旅行 自然 默认情况下 Woocommerce 仅显示父类别
  • 列出子项 API 未提供驱动器/文件夹的所有子项

    我在获取用户 OneDrive 的文件 文件夹时遇到以下问题 击中时 https graph microsoft com v1 0 users https graph microsoft com v1 0 users 用户 ID 驱动器 我
  • Javascript array.filter 按子元素中的元素

    我有一个像这样的对象 客户端 数组 client id AAA1 contracts contract id CON1 AAA1 revisions date 2018 07 30 status First Sign 我可以按 client
  • 可折叠树示例中的 d3.js v4 古怪链接转换

    如果您玩下面的可折叠树 您会发现当您到达树的末尾并展开和折叠节点时 这些线正在做一些古怪的事情 我不完全确定是什么驱动了这种行为 或者我的重写是否的在此输入链接描述 https bl ocks org mbostock 4339083完全没
  • 如何让ListView在转换到另一个路线时保留其滚动?

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

    我是一名经验丰富的 Java C 程序员 最近开始学习 C 问题是 我无法理解如何构建各种头文件和代码文件 这似乎主要是由于我对编译器如何将所有内容链接在一起缺乏了解 我尝试阅读一些教科书 但我的先入之见受到我的 Java 和 C 知识的影
  • D3:打字机风格的文本过渡

    In this jsfiddle http jsfiddle net VividD QbysN 标签通过减小旧文本的字体 然后增加新文本的字体 从一个文本过渡到另一个文本 但是 我希望新文本以 打字机 方式出现 就像这样jsfiddle h
  • 暂停和恢复过渡

    我在用setInterval 因此转换会在一定时间间隔后发生 是否可以使用 setInterval 暂停和恢复工作 任何正确方向的建议 指示都会非常有帮助 这个问题是在 D3 v3 是最新版本时发布的 5年后D3 v5有了一些新方法 比如s

随机推荐