【问题标题】:Transition table with VueJS使用 VueJS 的转换表
【发布时间】:2017-06-19 14:52:50
【问题描述】:

我尝试继续使用 vuejs 网站上的 example。我在对数据进行排序时尝试添加图像和过渡状态。 但是它不起作用。我尝试添加以下行以使其正常工作,但它没有:

<tbody name="table-row" is="transition-group">

你对我有什么想法吗?
https://codepen.io/wooza/pen/wezqXP

【问题讨论】:

    标签: html-table vue.js transition


    【解决方案1】:

    https://codepen.io/anon/pen/gRmxwJ

    https://vuejs.org/v2/guide/transitions.html#List-Transitions

    <transition> 不同,它呈现一个实际元素:<span> by 默认。您可以更改使用标签呈现的元素 属性。

    <transition-group tag="tbody" name="table-row">
          <tr v-for="entry in filteredData" :key="entry.name">
          //...
          </tr>
    </transition-group>
    

    【讨论】:

    • 我没有足够的声望给你打分,但非常感谢!
    • @Woza 现在你有足够的声誉可以接受它了
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-07
    • 1970-01-01
    • 1970-01-01
    • 2018-04-19
    • 2018-11-11
    • 2019-11-19
    相关资源
    最近更新 更多