先上代码:源代码@jsfiddle
<script async src="//jsfiddle.net/keyb2004/sczxtrar/16/embed/js,html,css,result/dark/"></script>
找了好久的vue的拖拽组件,感觉就这个vue.dragable不错。但使用过程中觉得不好跟vuex配合。具体问题如下:
出现的问题
当我拖拽QuestionType项目到Questionnaire中时,啥都没发生。但我可以用绑定onEnd函数获取newIndex和oldIndex。
我的期望
我的原意是想Questionnaire接受QuestionType中的项目信息(比如"text", "cmdId")作为参数,然后再交给vuex处理。
潜在的问题
还有一个麻烦是,如果只在QuestionType中内部拖拽,我用onEnd函数,同样可以获得newIndex和oldIndex。但这个时候的newIndex和oldIndex显然不是要增加到qItem中的项目。我需要辨别从什么列表拖拽到什么列表(就是from和to)。
不知道这个组件有什么函数合适我分辨【拖拽源头】的oldIndex【拖拽目标】的newIndex。这个问题卡了我两天啦,希望有了解这个组件的朋友帮我指点一下。不胜感激,谢谢!