【问题标题】:Vue transition group not render list itemVue过渡组不呈现列表项
【发布时间】:2018-03-02 15:50:44
【问题描述】:

模板:

方法:

在 chrome 中:不是任何列表项,只有转换组标签转换为部分标签。在控制台中没有任何错误发生。

实际上,当我删除transition-group 标签并包装一个section 标签时,它应该具有如下渲染视图:

请告诉我到底出了什么问题?谢谢。

【问题讨论】:

  • 您好,您应该将带有 JS 和 HTML 代码的前两张图片作为文本添加到问题中,并使用代码标记进行格式化。干杯

标签: vue.js vue-component


【解决方案1】:

添加 :key="index" 属性,你 v-for 项目

【讨论】:

  • thx。它解决了这个问题。你能告诉我为什么它在添加 :key=index 时有效吗?
  • transition-group 需要它知道在指定时间内将类添加到哪个 forEach 项目,因为您可能希望将它们设置为瀑布动画,但 vue 不知道您的 css,因此它需要它。像这样的东西我不太确定
猜你喜欢
  • 1970-01-01
  • 2017-04-29
  • 2017-03-16
  • 2018-10-21
  • 1970-01-01
  • 2021-01-09
  • 1970-01-01
  • 2013-07-14
  • 2019-12-12
相关资源
最近更新 更多