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);
}
相关推荐
烈风2 分钟前
004 Rust控制台打印输出
开发语言·后端·rust
一枝小雨26 分钟前
【C++】list 容器操作
开发语言·c++·笔记·list·学习笔记
HMBBLOVEPDX28 分钟前
C++(继承和多态)
开发语言·c++·继承和多态
yvya_38 分钟前
JVM介绍
java·开发语言·jvm
rockmelodies1 小时前
【PHP7内核剖析】-1.1 PHP概述
开发语言·php
又菜又爱玩呜呜呜~1 小时前
go使用反射获取http.Request参数到结构体
开发语言·http·golang
摸鱼仙人~1 小时前
一文详解 Python 密码哈希库 Passlib
开发语言·python·哈希算法
小伟童鞋2 小时前
c++中导出函数调用约定为__stdcall类型函数并指定导出函数名称
开发语言·c++
百思可瑞教育2 小时前
Vue中使用keep-alive实现页面前进刷新、后退缓存的完整方案
前端·javascript·vue.js·缓存·uni-app·北京百思可瑞教育