vuedraggable中如何设置部分元素不可拖拽？

Question

draggable渲染成了ul，但是想让ul中部分li元素可拖拽，部分li元素不可拖拽。
文档只给出了在option中设置disabled;sort等属性可以让整个标签不能拖拽，但是没有给出让子元素不可拖拽的实现方法。
如果要实现部分子元素可拖拽，部分子元素不可拖拽的话除了把一个ul拆分成两个ul还有其他方法吗？

Answer 1

handle: selector 格式为简单css选择器的字符串，使列表单元中符合选择器的元素成为拖动的手柄，只有按住拖动手柄才能使列表单元进行拖动
根据上述进行配置可拖动手柄，例：handle：'.header'

Answer 2

特别注意，不推荐使用filter进行过滤，因为使用filter过滤的元素不能拖拽，但可以拖拽的元素会对它产生影响。
建议使用 options:{draggable: '.item-drag'},对可拖拽的元素进行设置，可拖拽的元素也无法影响到。

Answer 3

{group:{name:'card-config',put:'clone','pull':'clone'},filter: '.undraggable', sort:true}"

filter属性：通过css选择语法可以针对这部分的元素设置不可拖拽。

Answer 4

参考draggable属性，可以实现

Answer 5

动态的修改filter怎么修改？

Answer 6

<draggable

            draggable = ".singlePerson"
            class="singleLetterPersons"
          >

表示只能拖拽对应的类选择器，当改变一个元素的类选择器名称的时候就能控制改元素不能拖拽了，不是很好吗

Answer 7

https://github.com/SortableJS...