Vue使用sortablejs拖拽排序视图显示与数据不一致、拖拽结束后回跳问题

垂柳A个人笔记

于 2024-09-08 20:50:05 发布

阅读量158

点赞数 2

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/SNC8F/article/details/142032779

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

 onEnd: ({ newIndex, oldIndex }) => {
          this.prodList.splice(newIndex, 0, this.prodList.splice(oldIndex, 1)[0]);
          const newArray = this.prodList.slice(0)
          this.prodList = [] // 必须有此步骤，不然拖拽后回弹
          this.$nextTick(function () {
            this.prodList = newArray // 重新赋值，用新数据来刷新视图 
            console.log(this.prodList)
          })
          console.log('newIndex===', newIndex);
          console.log('oldIndex===', oldIndex);
          console.log('this.prodList===', this.prodList);
        }