Vuedraggable |传递参数给:move
Vuedraggable是一个基于Vue.js的插件，用于实现可拖拽的列表组件。它允许用户通过拖拽来重新排序列表中的元素，并且可以通过来实现更多的功能。
在Vuedraggable中，通过给:move传递参数，可以控制拖拽行为的一些细节。具体来说，可以传递一个函数给:move，该函数会在拖拽过程中被调用，并且会接收两个参数：拖拽的元素以及目标位置的索引。通过在这个函数中处理逻辑，可以实现一些自定义的拖拽行为。
例如，可以在:move中传递一个函数来限制某些元素的拖拽行为，或者在拖拽结束后触发一些特定的操作。另外，还可以通过来实现一些动画效果，比如在拖拽过程中改变元素的样式或位置。
Vuedraggable的应用场景非常广泛，特别适用于需要实现可拖拽列表的场景，比如拖拽排序、拖拽删除、拖拽添加等。它可以用于构建各种类型的应用，包括任务管理系统、拖拽式表单构建器、图表编辑器等。
对于Vuedraggable的使用，腾讯云提供了一些相关产品和服务，比如云服务器CVM、云数据库MySQL、云存储COS等，可以帮助开发者构建稳定可靠的云计算环境。具体的产品介绍和链接地址如下：
- 云服务器CVM：腾讯云的云服务器产品，提供高性能、可扩展的计算资源，适用于各种规模的应用。了解更多信息，请访问：https://cloud.tencent.com/product/cvm
- 云数据库MySQL：腾讯云的关系型数据库产品，提供高可用、高性能的数据库服务，适用于各种类型的应用。了解更多信息，请访问：https://cloud.tencent.com/product/cdb_mysql
- 云存储COS：腾讯云的对象存储产品，提供安全可靠的存储服务，适用于各种类型的数据存储和管理需求。了解更多信息，请访问：https://cloud.tencent.com/product/cos
通过使用这些腾讯云的产品，开发者可以构建出稳定可靠的云计算环境，并且充分发挥Vuedraggable插件的功能，实现各种拖拽列表的需求。
相关·内容
我想知道如何使用draggable (vuedraggable)从组合API中移动数组中的对象。
目前，我有以下几点：
// State
const state = reactive({
post: null,
});
export default function postStore() {
// Mutations
const MOVE_COMMENT = (payload) => {
let comment = state.post.comments[payload.oldIndex]
state.pos
浏览 3提问于2021-08-20得票数 0
回答已采纳
我在开发vue.js应用程序时遇到了一个问题。我正在尝试在vue-bootstrap模式中实现一个可拖动的列表。以下是我的代码： '''
<b-modal
id="modal--layers"
title="layers"
body-class="d-flex flex-wrap justify-content-around"
centered
hide-footer
@hidden="onLayerControlHidden"
>
<div class=&
浏览 76提问于2020-08-27得票数 2
回答已采纳
1回答
使用TS class component导入sortableJs/vuedraggable时出错。
当将vuedraggable与标准JS standard component一起使用时，它工作得很好。
下面是我的标准JS组件的版本
<script>
import draggable from "vuedraggable";
export default {
components: {
draggable
},
...
一切正常，没有错误。
下面是我的TS类组件的版本
<script lang="ts">
import {
浏览 16提问于2020-02-13得票数 3
1回答
在我的Node JS/MySQL DB上通过Pokemon名称正确实现搜索过滤器时遇到了一些问题。当我搜索我得到“搜索/?键=未定义的404 (未找到)”有什么想法吗？这是我的搜索路线
router.get('/search', function(req, res){
var mysql = req.app.get('mysql');
var sql='SELECT pokemonname FROM pokemon WHERE pokemonname LIKE "%' + req.key.query +
浏览 1提问于2017-11-23得票数 1
我已经阅读了我能找到的所有文档和stackoverflow，但仍然有问题。 我正在用Vue和Rails构建一个Trello克隆。 我有很多可拖拽的列表。 每个列表都有可拖拽的卡片。 当我将一张卡片从一个列表拖到另一个列表时，如何将其持久化到ajax rails端点？ 我尝试过使用@end方法和:move属性，但一无所获。 #app.vue
<template>
<draggable v-model="lists" group='lists' class="row dragArea" @end="listMoved&
浏览 40提问于2019-05-03得票数 2
#include <stdio.h>
#include <stdlib.h>
#include <curses.h>
int main(int argc, char *argv[]){
move(12, 6);
printf("hello world !");
return 0;
}
move函数给出了一个错误。
浏览 2提问于2022-02-17得票数 0
1回答
S3类的通用打印函数
、、、
我有一个S3类，我正在尝试解决如何为它设置打印函数。
这部分很好。
print.webglobe <- function(wg, ...){
"it worked!"
}
但是，如果我在上面运行devtools::check()，我会收到以下不祥的消息：
checking S3 generic/method consistency ... WARNING
print:
function(x, ...)
print.webglobe:
function(wg, ...)
我尝试添加额外的代码：
print <- function(wg, ...){
U
浏览 7提问于2017-04-22得票数 1
我有一个使用vue Draggable的Vue组件。 <template>
<div class="row my-5">
<div v-for="column in columns" :key="column.title" class="col">
<p class="font-weight-bold text-uppercase">{{column.title}}</p>
<!-- Draggable comp
浏览 58提问于2020-09-02得票数 0
回答已采纳
board是一个数组，move是and索引。如果position_taken?(board, move)为false，则board[move]应返回" "，""或nil，但如果board[move]为"X"或<代码>d11</代码>，则返回true。
def position_taken?(board, move)
if board[move] == " "
false
elsif board[move] == ""
false
elsif board[move]
浏览 1提问于2019-03-22得票数 3
我在这里查找了问题，也在网上查找和观看视频，但我仍然对IN，OUT到底是什么感到困惑。我询问的原因是因为我正在编写一个过程，该过程将根据其他过程中的IN参数记录错误，
干杯!
浏览 3提问于2015-09-17得票数 2
回答已采纳
1回答
我试图在我的笔记本应用程序中使用vuedraggable，当我添加可拖放组件时，我得到了这个错误。这是代码和错误。我很感谢你的帮助。
这是我得到的错误信息。
错误:可拖放元素必须在(webpack-internal:///./node_modules/vuedraggable/dist/vuedraggable.umd.js:4483:11) at computeNodes computeComponentStructure at Proxy.render (webpack-internal:///./node_modules/vuedraggable/dist/vuedraggabl
浏览 5提问于2021-06-18得票数 1
回答已采纳
我正在写一个Android游戏，其中我确保没有内存分配。一切都是池化的。
在我的一个辅助函数中，我想使用省略号。Java省略号是否会在幕后导致数组的内存分配？
浏览 0提问于2012-01-25得票数 0
回答已采纳
1回答
我试图将一个变量向下传递到一个setInterval函数中，我的代码如下所示：
function file_copy_progress(directory){
console.log("stage 1 " + directory);
setInterval(function(directory){
console.log("stage 2 " + directory);
}, 1000);
}
然后我这样叫它：
file_copy_progress("/home/user/tmp/test");
控制台中的
浏览 3提问于2013-02-25得票数 2
回答已采纳
我有以下标题：
#include <string>
using namespace std;
enum COLOR {Green, Blue, White, Black, Brown};
class Animal{
private:
string _name;
COLOR _color;
public:
Animal();
~Animal();
void speak() const;
void move() const;
} ;
以及以下.cpp实现：
#include <iostream>
#i
浏览 4提问于2021-11-20得票数 1
回答已采纳
当S和T不同时，这是可行的：
public static void Fun<S, T>(Func<S, T> func)
{
}
Fun((string s) => true); //compiles, T is inferred from return type.
但,
public static void Fun<T>(Func<T, T> func)
{
}
Fun(t => true); //can't infer type.
在第一个例子中，既然T是从lambda表达式的返回类型中推断出来的，那么第二个例子中
浏览 0提问于2013-02-13得票数 9
回答已采纳
我很难让vuedraggable ()在Nuxt 3中工作。下面是我迄今为止遵循的步骤。
npm install vuedraggable@next
然后在/plugins/vue-draggable.client.js中创建这个文件
import draggable from 'vuedraggable'
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.component('draggable', draggable);
})
然后在模板中我做了这个
<templat
浏览 33提问于2022-09-05得票数 0
回答已采纳
我在返回动态分配的两个数组时遇到了问题。我有一个外部文件读取数组的大小。(在我的例子中是20)，这就是我使用动态分配的数组时的数组大小。
同样，一旦我返回它们，我当前的语法是否正确，或者是否有我应该更改的内容。
以下是我的代码
int main (void)
{
int size;
int notFound = 0;
int accountNumber = 0;
int results;
int * accountPtr = nullptr;
double * balancePtr = nullptr;
size = readFi
浏览 2提问于2015-02-17得票数 0
我对下面的代码片段很好奇：
jintArray someJIntArray;
jfloatArray someJFloatArray;
// ... put legit values to someJIntArray and someJFloatArray
jclass pairClass = env->FindClass("android/util/Pair");
// #1
jmethodID pairConstructor = env->GetMethodID(pairClass, "<init>", "(Ljava/
浏览 6提问于2018-02-27得票数 0
回答已采纳
我在使用Vue.js和库VueDraggable ()时遇到了问题，这里是一个代码示例：
<draggable v-if="n === 2 && track.getDisplayArray()[1].length !==0"
element="ul"
:options="{group:'layers '+ track.itemId}"
v-bind:class="{ hidden: !track.show, 'child-container':
浏览 4提问于2017-07-27得票数 2
回答已采纳
1回答
我试图在表中使用vuedraggable，但无法用所需的句柄重新排列表行：
代码：
App.vue
<template>
<div id="app">
<RowComponent/>
<Draggable
v-model="data"
v-bind="drag_options"
handle="[name=dragger]"
tag="table"
@start="d
浏览 0提问于2019-03-25得票数 0
我试着用皮尼亚，但它从来没有用过。如果我在项目开始时用Vite安装它，或者在以后添加它，都不重要。它总是写同样的错误。这是我上一个项目的一个例子。
这是我的main.js
import { createApp } from "vue";
import { createPinia } from "pinia";
import App from "./App.vue";
import draggable from "vuedraggable";
const app = createApp(App);
app.use(cr
浏览 13提问于2022-05-23得票数 5
回答已采纳
2回答
这是一大段代码中的一小段：
print "> "
$next_move = gets.chomp
case $next_move.include?
when "instructions"
puts "$next_move is instructions"
else
puts "$next_move is NOT instructions"
end
每次我在终端中运行它时，无论我使用的是ruby 1.8.7、1.9.3还是2.0.0，我都会得到以下错误：
test.rb:4:in `include?': wr
浏览 0提问于2013-06-09得票数 1
1回答
作为函数参数的数组被视为指针。因此，更改指针的值将更改传递给数组的原始值。是我说的对吗，还是出了什么问题？
浏览 1提问于2018-06-17得票数 0
我在一个vue文件中有一个项目列表，我正尝试将其拖到另一个vue文件中。这两个文件都是通过vue路由器在页面上打开的。我只能移动同一列表中的项目，但无法将它们从一个列表传递到另一个列表。下面是我的一个文件的代码： <template>
<v-card height="100%">
<v-card-title>Drag & Drop</v-card-title>
<v-card-text>
<v-layout>
浏览 70提问于2020-06-26得票数 1
我想使用vuedraggable与vuex模块在laravel中排序数据在表中。因此，我想在服务器端传递vuedraggable的“order”数据。有人能帮忙吗？
这是Vue js中的代码。
methods: {
update() {
this.testimonialsNew.map((testimonial, index) => {
testimonial.order = index + 1;
})
axios.put('/updateOrder'
浏览 1提问于2018-12-24得票数 0
我理解为什么使用public static void main，我也知道String[] args创建了一个包含字符串的名为args的一维数组。但是为什么我们一定要把这个放在括号里呢？
浏览 1提问于2015-06-17得票数 0
class CFoo
{
private string _filePathFormatString;
public string Foo()
{
System.Threading.Thread.VolatileRead(ref _filePathFormatString);
...
}
}
字符串是对象，为什么这个VolatileRead不能编译？我觉得应该和VolatileRead(ref object)签名匹配。
浏览 4提问于2012-07-20得票数 3
回答已采纳
我正在尝试用python模拟一个简单的游戏。在这个游戏中，玩家将抛出一个骰子，并根据骰子(从1到6的编号)从他们的当前位置向终点移动(位于位置100)。
我正在尝试想出一个函数，它将执行以下操作:将当前位置和骰子的结果相加。然而，如果这个函数给出一个大于100的数字，该函数将忽略它并再次掷骰子，因为在100之后没有位置。
下面你可以找到我想出的“伪代码”(一半是真正的代码，一半是我的想法/评论)：
import random
def movement(current_position, distance):
current_position = 0 #a counter s
浏览 1提问于2018-10-03得票数 0
1回答
我有一个页面应用程序，当我点击到我的报告页面时，firebase说。但是，如果我刷新我的页面，firebase允许我访问。
这里是我的安全规则
{
"rules": {
"signup": {
".read": false,
"$id": {
// you can add new data but not change old data
".write": "!data.exists()"
}
},
浏览 2提问于2015-06-02得票数 1
我使用的是Vuedraggable组件，它有一个元素。
当单击+将鼠标移动到屏幕上时，它就会被拖动。从鼠标释放点击后，我想得到一个X，Y协调，我们释放鼠标移动的位置。
这是我的代码样本
<draggable class="dragArea list-group" :list="list1" @change="log">
<div
v-for="element in list1"
:key="element.name"
class="list-gr
浏览 5提问于2022-02-01得票数 0
回答已采纳
我已经在我的Ubuntu发行版中安装了Miniconda。与Python版本的Linux存在冲突。我想卸载Miniconda。我遵循中的指示。
$ anaconda-clean
Delete .conda? (y/n): y
Backup directory: /home/user1/.anaconda_backup/2017-09-14T221900
Error: Unable to move /home/user1/.conda
Delete .continuum? (y/n): y
Error: Unable to move /home/user1/.continuum
我在/usr/l
浏览 3提问于2017-09-14得票数 4
2回答
我创建了一个基于事件的系统，其中一个类将提供一组事件，另一个具有其成员方法的类可以附加到第一个类作为其事件处理程序，并且...我只想做这样的事情
if(isMethodCompatibleToEvent(...))
{
connectMethodToEvent(...)
}
通过反射，连接是这样完成的：
void connectMethodToEvent(object methodTarget, MethodInfo mi,
object eventTarget, EventInfo ei)
{
Delegate handler = Delegate.CreateDel
浏览 0提问于2013-06-03得票数 2
我可以通过.htaccess执行脚本，但我想传递一个参数给这个脚本，有没有办法在.htaccess中传递输入参数给脚本？我无法设置环境变量并在脚本中使用它。是否可以在脚本中使用.htaccess中定义的环境变量？
RewriteRule ^(.*)$ new.sh [E=VAR:$1,L]
我想将VAR参数传递给要像new.sh VAR一样执行的new.sh脚本
浏览 0提问于2017-11-05得票数 0
我有一个像这样的规格
describe MyClass do
it_behaves_like SharedClass, MyClass.new
end
在我的共享示例规范中，我有
shared_examples_for SharedClass do |instance|
before do
instance.some_my_class_method = double
end
# some specs here
end
在MyClass实例中，有一些方法不能存根到shared_examples_for块中，所以我希望在将它们传递到it_behaves_like语句之前先
浏览 2提问于2014-01-03得票数 2
2回答
使用由with传递的数组
、、、
我希望有人能给我解释一下：
function myFunction(array){
array = $.grep(array, function(n,i){return n > 1 });
}
var mainArray = [1,2,3];
myFunction(mainArray);
document.write(mainArray) // 1,2,3, but i'm expecting 2,3
但是如果我做了像这样的事情
array[3] = 4;
代替$.grep行，我得到了1,2,3,4。mainArray不应该成为$.grep创建的新数组吗
浏览 1提问于2010-04-23得票数 2
回答已采纳
2回答
要添加一个网格，我有以下代码。我如何传递额外的参数给'myGrid'？
tabPanel.add({ xtype : 'myGrid' });
浏览 1提问于2014-02-28得票数 0
回答已采纳
我搞不懂如何用普通的http库来传递参数给http post请求。我可以创建post，但我不确定如何传递post变量。作为字符流。
浏览 2提问于2009-03-30得票数 2
回答已采纳
6回答
将参数传递给c#中的函数是按值传递的，除非在参数上使用ref或out关键字。但这也适用于吗？
具体地说，我有一个接受IList<Foo>参数的函数。传递给我的函数的列表是否会是列表的副本，以及它包含的对象的副本？或者，对列表的修改也适用于调用者吗？如果是这样的话--有没有一个聪明的方法可以让我传递一个副本呢？
public void SomeFunction()
{
IList<Foo> list = new List<Foo>();
list.Add(new Foo());
DoSomethingWithCopyOfTheList
浏览 0提问于2010-02-24得票数 6
回答已采纳
1回答
我正试着用Spritekit做我的第一场比赛，所以我有一个精灵，我需要用我的加速度计来移动。好吧，这样做没问题；动作非常流畅，反应灵敏，问题是，当我试图旋转我的雪碧以使它面对自己的运动时，我经常会让它“颤抖”，就像他患有帕金森症一样。(D)
我确实意识到，当加速度计的数据在x，y轴之一上太接近于0时，就会发生这种情况。
那么问题是:我的宠物帕金森氏症有解决办法吗？
以下是一些代码：
-(void) update:(NSTimeInterval)currentTime{
static CGPoint oldVelocity;
//static CGFloat oldAngle;
浏览 0提问于2014-03-09得票数 4
回答已采纳
正如标题所问的那样。我在搜索一些Ada代码时遇到了 generic type X is (<>); 什么意思？它类似于C++模板参数吗？
浏览 21提问于2019-06-12得票数 1
public static void mystery(int[] data)
{
for (int k = 0; k < data.length - 1; k++)
data[k+1] = data[k] + data[k+1];
}
public static void main(String[] args)
{
int[] values = {5,2,1,3,8};
mystery(values);
for(int v : values)
System.out.println(v + " ");
浏览 4提问于2020-01-17得票数 0
1回答
将参数从函数传递到setTimeout调用的处理是什么？为什么path在这里返回undefined？那我该怎么做呢？
$('.curatorSpace').bind('click', function() {
var path = $(this).attr('data-path');
setTimeout(function(path) {
if($('#curatorRibbon').hasClass('ui-draggable-dragging')){return false}
浏览 3提问于2012-09-18得票数 3
回答已采纳
我有一个指向一个遥控器的存储库，现在我做了一个新的遥控器，例如，使用git remote set-url origin myNewRemote更改了原版url。然后我做了一个git push，但是由于push只推动本地分支，所以我仍然需要将远程分支推到新的遥控器。我知道这不是练习，但我现在要做的就是告诉新的遥控器“嘿，这是你应该知道的远程分支”，然后我将通过普通的Git工作流创建本地分支/跟踪，并将它们推送到远程，但现在我正处于一个过渡中，回到我在移动到新的遥控器之前的状态。
我记得曾经做过这样的事情：
git push origin refs/remotes/*:refs/heads/*，但
浏览 3提问于2016-06-01得票数 3
回答已采纳
1回答
我正在尝试设置foreach函数的形参。我将使用.combine参数给出一个简单的示例。
我写了一个通用的包装器来改变函数的形式(代码如下)
bind<-function(FUN,args.new) {
args.all<-formals(FUN)
args.all[names(args.all) %in% names(args.new)]<-args.new
FUN.tmp<-FUN
formals(FUN.tmp)<-args.all
FUN.tmp
}
因此，我改变了foreach函数的形式
library(forea
浏览 0提问于2013-06-04得票数 0
回答已采纳
Java/Spring中是否有一种通过注释实现以下功能的方法？
例如，我有一个方法：
public void deleteObject(Object object) {
delete(object);
}
我想发送两个审计事件:一个在方法启动时，第二个-如果方法成功完成或抛出异常。
实际上，我可以这样做：
public void deleteObject(Object object) {
sendAuditEvent("Started deletion of object");
try {
delete(object);
浏览 3提问于2021-02-23得票数 1
回答已采纳
create or replace procedure ppp(ot OUT number)
is
begin
null;
end;
/
这在被调用时工作得很好。
浏览 1提问于2012-02-14得票数 2
回答已采纳
我正在尝试实例化一个Vue组件，但我得到了错误：
[Vue warn]: Error in render: "TypeError: Cannot set property props of
#<Object> which has only a getter"
(found in <Root>)
我也在使用vuedraggable库，但我认为问题更多的是Vue问题，而不是vuedraggable问题。下面是我的代码。
这里是draggable-list.vue
<template src="./draggable-list-componen
浏览 80提问于2017-12-19得票数 11
回答已采纳
2回答
我一直看到有人推荐使用"use strict“选项。如前所述，
每个主流浏览器在他们的最新版本中都支持严格模式，包括Internet Explorer10和Opera12。我想用IE10测试它，我有以下代码段。IE 10 /FF没有给出任何错误消息。我错过了什么？如果我犯了任何错误，我该如何测试"use strict“是否有效呢？
<html>
<head>
<script type = "text/javascript">
"use strict";
function doSomething(value1,
浏览 5提问于2012-03-23得票数 3
我正在创建一个乒乓球游戏，并实现了paddles的移动功能。但是，当我尝试让keyCode查看它们是在尝试向上移动还是向下移动时，我得到了这个错误。 我已经尝试了console.log几乎所有的东西来帮助找出问题所在，并在网上查找了如何做到这一点，但没有任何帮助。 //javascript to get keyCode for wasd paddle
function getWasdKey(e){
var key = e.keyCode;
if(key == 87){
return true;
}
if(key == 83){
return false;
}
浏览 18提问于2019-05-20得票数 0
如题，我想在scf里面使用PHP做api开发，但为了方便，希望使用支持composer的常用框架做开发，请问scf是否支持，如果支持请问支持哪些框架，能否出一篇流行框架在scf中的使用教程介绍
浏览 806提问于2018-06-28
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
