【vue】awe-dnd拖拽排序插件demo完整代码

效果图

一、安装

npm install awe-dnd --save

二、在main.js中引入

import VueDND from 'awe-dnd'
Vue.use(VueDND)

三、完整代码

<template>
  <div class="content">
    <span
      :style="{ 'background-color': item.color }"
      v-for="(item, index) in colorList"
      v-dragging="{ item: item, list: colorList, group: 'item' }"
      :key="index"
      >{
  {