我正在 Nuxt JS 2.x 项目中工作,该项目具有 Vue Draggable 2.24.3 我有一个页面,其中有两个可拖动列表作为名为DraggableList的自定义组件的一部分我的DraggableList组件是包含 Vue Draggable 中的draggable组件的组件,我已经创建 ...
我正在 Nuxt JS 2.x 项目中工作,该项目具有 Vue Draggable 2.24.3 我有一个页面,其中有两个可拖动列表作为名为DraggableList的自定义组件的一部分我的DraggableList组件是包含 Vue Draggable 中的draggable组件的组件,我已经创建 ...
我已经安装了, "vuedraggable": "^4.1.0", 工作得很好,命令也很好,但是输入失去了对 v-model 的任何按键操作的关注。 问题肯定出在 vuedraggable 和 v-model 上。 当我想更改element.name值时,此输入失去焦点,因此在每个字符之后我需要再 ...
我让 Vue Draggable 像多列的看板一样工作,我让每一列至少与视口一样高,这样每个项目都可以很容易地拖到它旁边的列中(对于一列比它长得多的情况)下一个,例如)。 我在页脚槽中也有一个按钮,用于将新卡片添加到列中。 这很好用,因为它通常总是在列表的底部,不可拖动等。 当我从页脚下方的另一个列 ...
我正在使用 vuedraggable 库来创建可拖动的项目( https://github.com/SortableJS/Vue.Draggable ) 我想创建两个可拖动列表,并且我只启用从 list1 到 list2 的拖动。 所以我想禁用从 list2 到 list1 的拖动并且 list2 ...
我正在使用 Pinia 作为我的 Vue 3 应用程序的商店。 问题是商店对某些更改做出反应,但忽略了其他更改。 店铺长这样:state: () => { return { roles: [], currentRole: 'Administrator', elem ...
我很难让 vuedraggable ( https://github.com/SortableJS/vue.draggable.next ) 在 Nuxt 3 中工作。这是我到目前为止所遵循的步骤。 npm install vuedraggable@next 然后在/plugins/vue-drag ...
我在尝试使用 Vue.Draggable 库时遇到问题。 我想在保留过渡组的同时在我的可拖动对象中使用一个组件。 它在没有过渡组的情况下工作,但每当我添加名称为 animation 的过渡组标签时,它就不再工作了。 我的组件元素没有显示,我有这个错误:TypeError: Cannot set pr ...
拖放后如何在此处更新订单? 目前使用 Vue3 和 vue 可拖动( https://github.com/SortableJS/vue.draggable.next )。 如果我现在将 Test - 2 移到顶部,结果应该是: ...
我正在尝试在Vue Splitpane中添加拖放功能。 我正在尝试几个拖放包,即vue-smooth-dnd 、 Vue.Draggable等。但是,这些 dnd 包与拆分窗格 package 冲突,因为它严格维护结构,例如: 因此,我正在寻找将拖放作为指令添加到元素的选项。 我发现了这个, vue ...
我是 vuetify 的初学者,我做了一个项目,您可以在其中通过 vue-draggable 将课程添加到时间表中。 我怎样才能使我无法将课程拖到某一天,因为这一天不提供该课程? 如果您尝试添加该课程并且无法拖动,您将收到一条错误消息。 我尝试了规则。 但它不起作用。 这里有一个片段: 任何人都 ...
我正在使用 vue3 并使用 vue-draggable。 我有一个数组: 我用 2 个可拖动的组件展示它。 页面视图 它适用于循环品牌和品牌内容。 但是我无法获得子项中的brand.name 或brand.id(brand.content 中的可拖动),就像我在阿迪达斯(brand.id = ...
我正在为我的项目使用 vue draggable package,在这里你可以看到完整的组件: 我使用 vue3 因此我使用这个 package https://www.npmjs.com/package/vue-draggable-next来避免错误an draggable element mus ...
我目前正在使用 vue-draggable 功能开发一个项目管理应用程序,它允许我将任务拖到三个不同的阶段: ToDo、Progress 和 Completed 。 该功能部分有效; 我可以将所有任务拖到不同的阶段,但我不能拖回空阶段。 这是codesandbox和图片。 我错过了什么吗? ...
这是我的问题: 我正在使用 VueDraggable 库在 DragBoard.vue 和 DropBoard.vue 之间拖放元素,并且特定类型的元素在 DropBoard 中时应该允许嵌套。 我将以这个元素为例: “分组项目” 为此,我遵循了以下示例: https ://gith ...
在我的 vue3 应用程序中,我有三个板: 一个用于可拖动元素(已在 JSON 文件中定义) 一个用于可放置元素(存储在 vue 中的一个空列表中) 一个用于显示放置元素的属性,当您单击它时我正在使用 Vuedraggable 进行拖放,这是它的外观: IMG 我的问题在第三个板上:我想单击“下拉 ...
我正在使用 VueJS 3 和“vue-draggable-next”:“^2.1.1”。 当我尝试拖动时没有任何反应。 我在 HTML 中看到这个: 当我实现这样的代码时: 从“vue-draggable-next”导入{VueDraggableNext}; 组件:{可拖动:VueDraggabl ...
我正在尝试将 Vue Draggable Next 用于 Vue 3 示例页面。 我已经按照repo中的指南进行操作。 在导入 Vue Draggable Next 组件失败后,我开始使用https://unpkg.com/vue-draggable-next@2.1.1/dist/vue-dra ...
嗨,我可以很容易地在一个部分内交换或订购但我无法在 2 个部分之间交换,即从leftSection到rightSection ,如图所示 这是完整的代码 https://codesandbox.io/s/peaceful-almeida-mbw2m?file=/src/App.vue 在leftSe ...
我正在使用 vue 实现可拖动的表格。 但是,我想要的是仅触发 v-icon 上的列按钮,但是当按下所有行时,所有触发。 如何将可拖动限制为仅某些列? ...
我正在尝试使用 Vue draggable 创建一个卡片生成器。 我有一排cardElements ,可以将它们拖到卡片生成器中。 卡片生成器是一个由列表的各个“桶”组成的矩形。 这是它的样子: 卡片生成器布局这是生成元素列表的script :import draggable from 'vued ...