vue sortable.js拖拽后显示拖拽前的数据怎么解决

Question

托拽后data中数据还是拖拽前的数据，怎么实现拖拽后 data中的数据跟着变成新的顺序！！！

Answer 1

在改变了数据之后 先用一个变量深拷贝这个数据，然后把这个数据清空，最后再在vue的$nextTick函数里面重新给那个数据赋值就可以了，大概代码如下：

mounted : function () {
  var that = this;
  var sortable1 = new Sortable(document.querySelector('#topicNumBox'), {
    sort: true,
    animation: 300,
    onEnd: function (evt) {  //拖拽结束发生该事件
      that.questionData.splice(evt.newIndex, 0, that.questionData.splice(evt.oldIndex, 1)[0]);
      var newArray = that.questionData.slice(0);
      that.questionData = [];
      that.$nextTick(function () {
        that.questionData = newArray;
      });
    },
  });
}

Answer 2

不错。。不错。。不错。。