エクセルのセルみたいなラベル ちょっと何言ってるかわかんないっす。 ってなると思いますが、アレですよアレアレ。Excel2013?くらいから導入された、セルの変更時に変更したセルの値を参照しているセルが同時に変更されて、古い値が下に消えて新しい値が上から降ってくるあのアニメーション。 実案件でExcelみたいな表を実装することになりまして、 「あーあんな感じのアニメーションできたらいいなぁ」 と思って調べたけどなかったのでComponentを作ってみました。 結果だけ知りたいって人は下にSandboxの実行結果貼ってるから飛ばしちゃってください。 全体のソースこんな感じ <template> <div class="parent"> <label v-if="change" :class="updateing && 'rotation'"> {{ oldValue }} </label>