vue 使用vuedraggable實現拖拽排序功能，及復拖拽後復原的解決

1.安裝依賴

npm i -S vuedraggable

 2.引入依賴

import vuedraggable from 'vuedraggable';

3.註冊組件

components: {

vuedraggable

},

4.使用

 <vuedraggable class="wrapper" v-model="list">
    <transition-group>
      <div v-for="item in list" :key="item" class="item">
        <p>{{item}}</p>
      </div>
    </transition-group>
  </vuedraggable>

問題解決：

1.提示key報錯：

    給循環項每個加個key屬性

2.拖拽過去又復原了：

    這情況一般是你的每一項是寫死的，而非循環項，去掉vuedraggable中的v-model

 <vuedraggable class="wrapper">
      <div key="1" class="item">
        <p>1</p>
      </div>
      <div key="2" class="item">
        <p>2</p>
      </div>
  </vuedraggable>