關(guān)于Vue3動畫幾個注意的坑

1、使用transition-group的的時候，外層元素不可用v-if，不然第一個添加的元素?zé)o動畫效果

2、v-for列表每一項(xiàng)必須指定唯一的key值，不可是index，不然動畫不生效

本人截圖滴
防止被插入或移除的某一項(xiàng)周圍的元素發(fā)生“跳躍”的情況

3、 頁面切換動畫，被引用的路由組件必須要有個根元素包裹，不然動畫不生效

本人截圖滴
本人截圖滴
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 初識Vue2.0 想讓Vue工作，就必須創(chuàng)建一個Vue實(shí)例，且要傳入一個配置對象 vue容器里的代碼依然符合htm...
    Zindex閱讀 441評論 0贊 0
  • 前言: Vue 在插入、更新或者移除 DOM 時，提供多種不同方式的應(yīng)用過渡效果。包括以下工具： 在 CSS 過渡...
    曹老師閱讀 390評論 0贊 1
  • 一、 簡介：(為什么使用vue) 1、 與angular相比優(yōu)點(diǎn): a) api簡單，快速上手，學(xué)習(xí)成本低； b)...
    薇itvipkc閱讀 409評論 0贊 0
  • 前言: Vue 在插入、更新或者移除 DOM 時，提供多種不同方式的應(yīng)用過渡效果。包括以下工具： 在 CSS 過渡...
    時光如劍閱讀 908評論 0贊 14
  • 一、相對于其他框架相比 1、相對于Angular 1.1、相對于angular的api，vue的api更簡單，...
    我寄你的信總要送往郵局閱讀 880評論 0贊 4