Vue Dragable中使用Vuex的问题

先上代码:源代码@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。这个问题卡了我两天啦,希望有了解这个组件的朋友帮我指点一下。不胜感激,谢谢!

阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题