vue3.0兼容拖拽插件vuedraggable吗？

余99生 2021-04-07 06:18:58

本人一套拖拽代码在vue2.0项目中就能跑起来，然而3.0中一直报错

...全文

473 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

兰诀 2021-06-15

打赏
举报

回复

我也是这个问题

双圣树下的阿尔达 2021-06-12

打赏
举报

回复

https://github.com/SortableJS/vue.draggable.next

vue.draggable.next Vue组件（Vue.js 3.0）允许拖放并与视图模型数组同步。对于Vue 2和Vue 1版本，请检查： : 基于并提供所有功能演示版现场演示特征全面支持功能：支持触摸设备支持拖动手柄和可选文本智能自动滚动支持不同列表之间的拖放没有jQuery依赖保持同步HTML并查看模型列表兼容Vue.js 3.0 Transition-Group 取消支援需要完全控制的事件报告任何更改重用现有的UI库组件（例如，或等），并使用tag和componentData道具使其可拖动捐觉得这个项目有用吗？你可以给我买一个 :hot_beverage: 或一个 :beer_mug: 安装用npm或纱 yarn add vuedraggable@next npm i -S vuedraggable@next 直接链接 < script src =" //cdnjs.c

vuedraggable在vue2.0和vue3.0 中的应用

今天封装（CV即用）了vue3常用的vuedraggable拖拽标签组件+复选功能，介绍了特性、属性、函数配置、事件、插槽、使用六个方面，让开发变得更加高效。

前端时间写了标准宫格拖拽排序的文章 1、 2、4、9、12等等标准宫格拖拽，基于vue-grid-layout 拖拽换位无刷新 vue项目中基于vue-grid-layout开发的拖拽对换位置，九宫格拖拽排序，换位_csl125的博客-CSDN博客_vue九宫格拖拽安装：npm install vue-grid-layout --save&yarn add vue-grid-layout1、使用vue-grid-layout开发的一款拖拽排序，项目拖走其他自动挤进一效果如下：代码...

在 Vue 3 项目中实现列表拖拽排序功能，支持用户通过鼠标或触摸手势对任意样式的自定义列表进行拖动排序，内置平滑的过渡动画。无论是表格组件还是复杂布局的列表，都可轻松实现拖拽重排。列表数据在拖动过程中会自动更新，便于与服务端交互同步排序结果。即使列表区域出现滚动条，仍支持“丝滑”拖拽体验，支持元素拖动至可视区域边缘时自动滚动。该功能兼容 PC 网站和移动端 H5 页面，确保多端一致的交互体验。

10,611

社区成员

29,028

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章