我正在努力将列表与Vue-Draggabable组件中的V-IF指令相结合。
用例是用户可以在长列表中订购项目，还可以在该列表中"隐藏"部分。我遇到的问题是，在隐藏项目后，Vuejs Draggable不会更新索引。奇怪的是，在完成单拖和滴事件完成后(由于索引中的不匹配而在错误的位置将元素放在错误的位置(，该问题已解决，随后的拖放操作如图。
。我尝试了什么：
- 用a：键变量绑定元素
- 在VueJS可拖动的所有事件中使用NextTick语句射击(更改，更新，排序，移动，开始，结束等(
- 基于第二个固定的密钥参数，手动纠正oldIndex和newIndex值。我以某种方式似乎无法干预这些索引由可排序的插件确定。
- 手动发射事件以更新隐藏/显示后更新可拖动元素。
是否有人有成功组合指令与可拖动组件的示例？
好的，所以这里的密钥在V-IF和V-Show指令之间的差异。我正在使用前者，它从DOM中删除了项目并引起更新问题。
如果您使用后者，则DOM项目基本上将保持完整，并且问题首先不存在。关闭并离开这里，以防有人偶然发现同一问题。