分享一个可用于拖动排序的vue组件

最近要做拖拽相关的功能，本来想自己写，忽然想起来之前在轮子工厂有更新过，vue-dragging还是很好用滴。

介绍

vue-dragging -- 一款可任意拖动排序的vue插件。支持桌面和移动端，拖拽过渡动画美观。支持vue1和vue2版本。非常实用。

安装

通过NPM安装

$ npm install awe-dnd --save

插件应用

在main.js中，通过Vue.use导入插件

import VueDND from 'awe-dnd'

Vue.use(VueDND)

在你的vue文件中这样引用

vue2.0的使用方式

    
{{color.text}}

vue1.0的使用方式

    
{{color.text}}

添加事件

    
{{color.text}}

export default {
  mounted () {
    this.$dragging.$on('dragged', ({ value }) => {
      console.log(value.item)
      console.log(value.list)
      console.log(value.otherData)
    })
    this.$dragging.$on('dragend', () => {
        
    })
  }
}

轮子工厂--一个分享vue,angular优秀组件的网站