VUE进阶之使用vue-draggable拖拽
·
1. 安装
npm install vuedraggable --save
2.引入,在main.js中引入
import draggable from 'vuedraggable'
Vue.component('draggable',draggable)
3.例子
html
<draggable class="dragList" element="ul" :options="dragOptions" v-model="list">
<div v-for="item in list" :key="item" class="item" >
<p>{{item}}</p>
</div>
</draggable>
js
list:[1,2,3,4,5,6,7,8,9],
dragOptions:{
element:"ul",
animation:300, //动画
filter:".delDragListBtn"
}
更多推荐


所有评论(0)