vue 列表的排序过渡 shuffle遇到的问题
阅读原文时间:2023年09月05日阅读:3

内部的实现,Vue 使用了一个叫 FLIP 简单的动画队列
使用 transforms 将元素从之前的位置平滑过渡新的位置

需要注意的是使用 FLIP 过渡的元素不能设置为 display: inline 。作为替代方案,可以设置为 display: inline-block 或者放置于 flex 中

FLIP 动画不仅可以实现单列过渡,多维网格也同样可以过渡

若没有引入lodash.js 会报错

修改.eslint.js 文件 ,增加属性

"globals": {
"document": true,
"localStorage": true,
"window": true,
"_": true
}

然后引用lodash.js

import _ from "lodash/lodash";