sortablejs + vue的拖拽效果 列表个数不固定 刷新后保持拖拽后的效果
< template > < div class ="hello" > < div v-for ="(list, index) in merge" :key ="index" class ="box" :id ="`box-${index}`" > < h1 > {{list.tittle}} </ h1 > < ul :id ="`id-${index}`" v-for ="(item, indexItem) in list.list" :key ="indexItem" > < li > {{item.name}} </ li > </ ul > </ div > </ div > </ template > < script > import Sortable from ' sortablejs ' ; export default { name: ' HelloWorld ' , data() { return { // state 里面的name分别对应的是列表里面的标题 // state里面的1 2 3和list里面的 1 2 3 的关系是：类别归属关系 // 标题1 下面列表对应的分别是 列表1，列表2，列表3 state: { 1 : " 标题1 " , 2 : " 标题2 " , 3 : " 标题3 " , 4 : " 标题4 " , 5 : " 标题5 " },