实现Vue draggable

文章/答案/技术大牛

发布

2回答

javascript、vuejs2、vuetify.js、vuedraggable

我正在尝试实现vue draggable，除了我试图在按钮上实现它之外，它似乎几乎可以工作。每当我尝试移动按钮时，它都会给我一条错误消息。<v-app id="inspire"> <v-layout justify-center> <draggable="ml-0">Button</v-btn&

浏览 17提问于2019-07-09得票数 0

回答已采纳

2回答

Nuxt + Vuetify + VueDraggable -可拖动的标签属性，v-row，在开发服务器中工作，但在构建/运行生产后不起作用

vue.js、nuxt.js、vuetify.js、draggable、vuedraggable

setup构建一个Nuxt应用程序，并希望通过VueDraggable对一些v-col进行排序(在我的例子中，我构建并添加了一个超级小的Nuxt插件，它可以从VueDraggable的默认导出绑定一个全局draggablev-col应该用v-row包装，所以我将draggable组件与tag="v-row"一起使用。但是当在生产模式下构建和运行时，draggable组件从字面上将v-row呈现为DOM标记，而不是通过Vuetify进行呈现/解析： ? 有谁知道如何找出根本原因，以及如何在这里解决它？

浏览 80提问于2020-09-22得票数 8

1回答

使用SortableJS/ Use .与Laravel Livewire一起拖动

laravel、vue.js、vuedraggable、laravel-livewire

我希望行是可排序的，所以我尝试在我的Livewire组件中实现VueDraggable。<vue-draggable wire:model="records" tag="tbody"> @endforeach <

浏览 2提问于2020-03-13得票数 0

回答已采纳

1回答

有没有办法在Vue.Draggable中启用/禁用可拖动功能？

vue.js

我在HTML中是这样处理它的： <draggable v-if='somePassingConditions'></draggable> <有没有办法在Vue.Draggable中启用或禁用拖动功能？谢谢

浏览 210提问于2021-06-24得票数 0

2回答

VueDraggable和Laravel

laravel、vuejs2、vuedraggable

在overview.blade.php中，我有一个组件：在qm-draggable.vue中我有： <draggable group="fragenblatt" @start="drag=true" @end="endDrag"

浏览 2提问于2020-05-15得票数 0

回答已采纳

2回答

如何将数组从Laravel Blade传递到Laravel 6/Vue 2.6中的Vue组件。*

php、arrays、laravel、vue.js

然后，我尝试将该数据数组从blade.php文件传递到vue组件。我想要传递整个数组，而不仅仅是它的一个索引。如何成功地将数据数组从laravel blade传递到VUE？blade.php文件 <div id="app"> draggable-table="{{ $table->vars }}"> </draggable->vars)}}">，但是

浏览 33提问于2020-07-22得票数 1

1回答

Vue.js："TypeError:无法设置只有getter的#<Object>的属性属性“

javascript、vue.js

我正在尝试实例化一个Vue组件，但我得到了错误：#<Object这里是draggable-list.vue<script src="./<

浏览 80提问于2017-12-19得票数 11

回答已采纳

1回答

在VUE组件中使用Laravel定义的路由

laravel、vue.js、axios、laravel-blade

我使用的是Laravel 6和VUE。我正在将刀片文件转换为VUE组件。刀片文件包含一个表，其中包含从mysql DB中拉入的数据行。我不想使用vue路由，我更喜欢保持我的laravel路由不变。我遇到的问题是，我不知道如何实现这一点，因为我是VUE的新手。谁能解释一下这件事？我试过使用axios，但也许我使用不当了？有没有更好的方法来使用vue组件，同时继续使用我在routes.php中定义的路由？谢谢。 main.blade.php <!-- Draggable</e

浏览 9提问于2020-07-11得票数 0

回答已采纳

2回答

如何提高Vue可拖动嵌套的精度？

javascript、vue.js、vuejs2、draggable、vue.draggable

我一直在开发一个使用Vue 2组件和Vue.Draggable库的表单构建器。这很有效，除了一个持续存在的问题-嵌套块对于最终用户来说很难实际嵌套。/FormBuilder.vue .wrapper { } </d

浏览 4提问于2019-11-16得票数 1

1回答

Vue拖放适用于整个组，但不适用于每个项目。

vue.js、vuedraggable

下面的代码允许拖动toListFetchRouteA1中的组 <div class="list-group-item item" v-for="teamfet

浏览 3提问于2020-06-06得票数 0

回答已采纳

1回答

如何将Vue组件添加为HTML标记

vue.js、vuejs2、vue-component

我有一个组件名为"Draggable"，另一个组件名为"ModalPage“。"div class="hello"> <button @click="propagate">Propagate</button> export def

浏览 1提问于2018-06-05得票数 0

回答已采纳

1回答

从blade.php文件调用时，Vue组件不显示文本

laravel、vue.js、laravel-blade

我有一个基本的vue 2.6.11组件，它位于laravel 6应用程序中。它住在resources/js/components。我创建了一个基本组件，然后在我的app.js文件中导入了vue并定义了我的vue组件。出现<h1>文本，但不显示vue组件文本。我看了其他的帖子，但是vue版本，这里使用的其他问题都是2-3年前的，不适用。感谢您的帮助，谢谢。is working</h1> <table-draggable>&l

浏览 17提问于2020-07-10得票数 1

回答已采纳

1回答

Vue:在组件中添加组件引用后的未知自定义元素

vue.js、vue-component

我刚接触Vue和测试vue-可拖组件。一旦我添加了对vue-draggable组件的引用，我就会得到错误“未知自定义元素：< fxm-form> -您是否正确地注册了该组件?import draggable from "./vue-draggable"; name: 'fxm-form', pro

浏览 0提问于2019-03-23得票数 0

回答已采纳

1回答

Vue无法调用JQuery UI的API

jquery-ui、vue.js

我希望使用一些来自JQuery UI的API，比如draggable()。但不起作用。我发现可能的原因是在Vue调用中存在用于$.ui的空对象。你想分享一下这方面的经验吗？

浏览 1提问于2016-06-22得票数 0

回答已采纳

1回答

VueJS 3-如何使用可拖式嵌套元素但防止重复项

vue.js、vuedraggable

我试图创建一个简单的调查生成器与Vue3和Vue拖放。一切都进行得很顺利，直到我尝试创建一个选择题。这类问题有自己的可排序的可能答案列表。<div class="sticky top-4"> &l

浏览 10提问于2021-10-22得票数 0

1回答

Vue3 vue-draggable-下一个配置问题

javascript、vuejs3、vuedraggable

这是针对Vue3和VueDraggableNext的。我想改变列表的顺序，而不是在列表之间移动。以下是模板和相关脚本： <template> <draggable </div>import Vue

浏览 78提问于2021-05-04得票数 0

1回答

Uncaught :无法设置只有getter的属性树#

javascript、vue.js、vue-component

我在<script setup>中使用Vue 3，当我试图使用组件时，我得到了一个错误。在Vue 2中，它是这样工作的： <Tree /> import { Tree, Fold, Draggable } fromDraggable ]) }我想使用Vue 3和<s

浏览 1提问于2021-05-28得票数 1

回答已采纳

1回答

Vue.Draggable:如何“将一项拖到另一项上”而不是添加/移除

javascript、vue.js、draggable、sortablejs

使用我有一个关于如何实现将文件拖入文件夹的经典示例的问题。我看到@change事件获取有关被拖动项的数据，但不获取有关被拖到的项的数据。对如何实现这一点有什么想法吗？

浏览 38提问于2018-01-02得票数 4

1回答

如何在我的Vue项目中本地使用下载的nodeModule库

javascript、vue.js

我正在尝试使用使用NPM下载的本地库(例如draggable-vue-directive )，并且我想在本地项目中使用它。 import { Draggable } from 'draggable-vue-directive'我试着去做 import { Draggable } from '../myLibsFolder/

浏览 0提问于2018-12-13得票数 0

2回答

如何使用vue.draggable拖动多行？

html、vuejs2、draggable

<table id="app"> <th>Random</th> </tr> <td> {{ item.message }} <&#

浏览 0提问于2018-06-07得票数 2

点击加载更多