vue-draggable-plus 是一个基于 SortableJS 的 Vue.js 插件,提供了丰富的拖拽排序功能。相比于其他拖拽组件,它支持更多的定制化选项,如动画、拖拽方向、占位符、动态数据等。这使得 vue-draggable-plus 成为 Vue 项目中实现拖拽排序功能的理想选择。 二、安装和引入 ...
import { VueDraggable } from 'vue-draggable-plus'; export default defineComponent({ name: 'App', components: { VueDraggable, }, setup() { const list1 = ref([ { name: 'Joao', id: '1', }, { name: 'Jean', id: '2', }, { name: 'Johanna', id: '3', }, { name: 'Juan'...
由于Sortablejs的vue3组件一直没有更新,已经跟vue3严重脱节,所以诞生了这个项目,这个组件是基于Sortablejs的,所以如果你想了解更多关于Sortablejs的信息,可以查看Sortablejs 官网。 官方地址 vue-draggable-plus.pages.dev 解决痛点 在Sortablejs官方以往的Vue组件中,都是通过使用组件作为列表的直接子元素来实现拖拽列表,...
yarn.pm/vue-draggable-pluscopyvue-draggable-plus.pages.dev/en/Alfred-Skyblue/vue-draggable-plusvue-draggable-plus Use it $ yarn add vue-draggable-pluscopy Try in RunKit· Browse Files CDNs bundle.run bundle.run/vue-draggable-plus unpkg unpkg.com/vue-draggable-plus/ jsDelivr cdn.jsdelivr.net...
根据VueDraggablePlus 的作者表示,功能强大的 Sortablejs 一直是前端领域比较知名的拖拽工具库,在2020年我也推荐过官方的 Vue.Draggable,不过这个库的 Vue3 版本一直没有更新,和目前主流的 Vue3 已经严重脱节了,于是才有了 VueDraggablePlus 项目,他们基于 Sortablejs 封装了多种用法,让其支持 Vue3,并且支持以组件...
const onUpdate= (e: any) =>{ console.log(e.newIndex, e.oldIndex) moveToThird(nameList.value, e.oldIndex, e.newIndex); console.log(nameList.value) } const moveToThird= (arr: any, index: number, insert: number) =>{//移除数组中指定索引的元素,并在第三个位置插入该元素const element =...
vue-draggable-plus/LICENSE Version: 1.07 kBPlain TextView Raw 1 MIT License 2 3 Copyright (c) 2023 丶远方 4 5 Permission is hereby granted, free of charge, to any person obtaining a copy 6 of this software and associated documentation files (the "Software"), to deal ...
vue-draggable-plus perfectly solves this problem, it allows you to use a drag list on any element, we can use the selector of the specified element to get the root element of the list, and then Use the root element of the list ascontainerofSortablejs, for details, refer tospecify targe...
在Sortablejs官方以往的Vue组件中,都是通过使用组件作为列表的直接子元素来实现拖拽列表,当我们使用一些组件库时,如果组件库中没有提供列表根元素的插槽,我们很难实现拖拽列表,vue-draggable-plus 完美解决了这个问题,它可以让你在任何元素上使用拖拽列表,我们可以使用指定元素的选择器,来获取到列表根元素,然后将列表根...
vue-draggable-plus 灵活的拖拽排序库优雅工具猿 立即播放 打开App,流畅又高清100+个相关视频 更多9784 1 0:32 App Trilium 开源的个人知识管理系统 1435 -- 0:30 App JimuReport 一款开源报表工具 6166 -- 0:39 App OpsManage 开源自动化运维平台 706 -- 0:45 App VvvebJs 开源网页拖拽生成库 2829...