Javascript 为什么oldIndex和newIndex总是为可排序JS(rubaxa Sortable)返回0?

Javascript 为什么oldIndex和newIndex总是为可排序JS(rubaxa Sortable)返回0?,javascript,vue.js,jquery-ui-sortable,rubaxa-sortable,Javascript,Vue.js,Jquery Ui Sortable,Rubaxa Sortable,我使用可排序js进行拖放操作。()因为我也在使用vue.js,所以我使用它来桥接它们。我对这两个库都是新手,所以我试图复制插件中给出的示例。(即) HTML部分: <div class="drag"> <h2>List 1 v-dragable-for</h2> <div class="dragArea" > <template v-dragable-for="element in list1" options

我使用可排序js进行拖放操作。()因为我也在使用vue.js,所以我使用它来桥接它们。我对这两个库都是新手,所以我试图复制插件中给出的示例。(即)

HTML部分:

<div class="drag">
    <h2>List 1 v-dragable-for</h2>
    <div class="dragArea" >
        <template v-dragable-for="element in list1" options='{"group":{ "name":"people", "pull":"clone", "put":false }}' track-by="$index">
            <p>{{element.name}}</p>
        </template>
    </div>

    <h2>List 2 v-dragable-for</h2>
    <div class="dragArea">
        <div v-dragable-for="element in list2" options='{"group":"people"}' track-by="$index">{{element.name}}</div>
    </div>
</div>

它在JSFIDLE上工作得很好,但是当我尝试在本地服务器上复制这个案例时,在onUpdate事件中,oldIndex和newIndex总是返回0。这使得元素总是插入到第二个列表的开头。关于导致此问题的原因有什么线索吗?

问题必须存在于本地服务器生成的不同javascript中。您应该努力创建一个复制此问题的JSFIDLE,以便对其进行调查。@Daviddesmassons我尽了最大努力复制此问题,但我真的不知道。没有错误消息,完全不知道是什么导致了问题。。。。如果仍然没有答案,我会在晚些时候提出悬赏。@cytsunny-我知道现在已经晚了,但这通常是因为没有在
可排序的.create
的选项中定义
可拖动的属性。问题必须存在于本地服务器生成的不同javascript中。您应该努力创建一个JSFIDLE来重现此问题,以便对其进行调查。@davidesmasons我已尽了最大努力重现这个问题,但我真的不知道。没有错误消息,完全不知道是什么导致了问题。。。。如果仍然没有答案,我将在稍后提出悬赏。@cytsny-我知道这很晚了,但这通常是因为没有在
Sortable.create的选项中定义
draggable
属性。
var vm = new Vue({
    el: "#main",
    data: {
        list1:[{name:"John" , id:"1"}, 
                {name:"Joao", id:"2"}, 
                {name:"Jean", id:"3"} ],
        list2:[{name:"Juan", id:"4"}, 
                {name:"Edgard", id:"5"}, 
                {name:"Johnson", id:"6"} ]
        },
    methods:{
        }
    });