vuedraggable拖拽框架

第一步:安装vuedraggable依赖

复制代码
npm install vuedraggable --save-dev

第二步:引入组件

javascript 复制代码
import draggable from 'vuedraggable';

第三步:注册组件

javascript 复制代码
components: {
    draggable
},

第四步:使用组件

javascript 复制代码
<draggable group="people"
    v-model="fileData"
    animation="500"
    chosen-class="chosen"
    @change="changeEvent"
    @start="drag=true"
    @end="drag=false">
    <transition-group>

    </transition-group>
</draggable>

第五步:定义drag变量

javascript 复制代码
drag: false

第六步:定义chang方法

javascript 复制代码
changeEvent (val) {
    console.log('值发生改变', val);
}
相关推荐
Rrvive几秒前
原型与原型链到底是什么?
javascript
Heartoxx23 分钟前
c语言-指针与一维数组
c语言·开发语言·算法
hqxstudying25 分钟前
Java创建型模式---原型模式
java·开发语言·设计模式·代码规范
charlie11451419140 分钟前
如何使用Qt创建一个浮在MainWindow上的滑动小Panel
开发语言·c++·qt·界面设计
極光未晚1 小时前
JavaScript BOM 对象:浏览器的隐形控制塔
前端·javascript·源码
天涯学馆1 小时前
网站秒变 App!手把手教你搞定 PWA
前端·javascript·面试
神仙别闹1 小时前
基于Python实现LSTM对股票走势的预测
开发语言·python·lstm
用户9272472502191 小时前
PHP + CSS + JS 数据采集与展示系统
javascript
小样还想跑1 小时前
axios无感刷新token
前端·javascript·vue.js
字节跳跃者1 小时前
为什么Java已经不推荐使用Stack了?
javascript·后端