vue 元素拖动效果

npm install vuedraggable

 

import draggable from "vuedraggable";

 

 // v-model="preface"

<draggable  chosenClass="chosen" ghost-class="ghost" animation="500" > //让元素可以进行拖动

              <transition-group> //组件实现了列表的过渡，并且它会渲染一个真实的元素节点。

                　　这里放你要拖动的东西

              </transition-group>

          </draggable> 

 

components: {

    draggable

  },