vue中Vue.Draggable實現拖拽效果

快速實現Vue.Draggable的拖拽效果，具體內容如下：

第一種方式：vuedraggable組件安裝

安裝：

npm install vuedraggable --save

配置：package.json

"dependencies": {
    "axios": "^0.16.2",
    "babel-polyfill": "^6.23.0",
    "element-ui": "^1.3.7",
    "vue": "^2.3.3",
    "vue-router": "^2.3.1",
    "vue-schart": "^1.0.0",
    "vuedraggable": "^2.16.0"
  },

在你的組件中引進依賴：

import draggable from 'vuedraggable'

注冊：draggable這個組件

components: {
  draggable
},

使用html模板中使用該組件

<draggable v-model="tags" :move="getdata" @update="datadragEnd">
        <transition-group>
             <div v-for="element in tags" :key="element.id">        {{element.name}} </div>    
        </transition-group>
</draggable>

Vue.Draggable實現拖拽效果   https://www.jb51.net/article/115146.htm