sortablejs 拖拽排序部分情况动态禁用拖拽

创建 sortablejs 拖拽排序






引入sortablejs,使用create创建拖拽,很简单,如果只是子组件加载时需要判断是否禁用,只需使用sort来设置是否禁用拖拽,那如何在初始化之后进行动态禁用拖拽?
sortablejs 拖拽排序部分情况动态禁用拖拽_第1张图片
sortablejs 拖拽排序部分情况动态禁用拖拽_第2张图片

动态禁用拖拽







模拟搜索内容,输入框中输入内容,禁用拖拽功能。实现过程是利用 filter 来过滤掉你想禁用拖拽的部分,禁用拖拽就变成如何控制class类名。
sortablejs 拖拽排序部分情况动态禁用拖拽_第3张图片
sortablejs 拖拽排序部分情况动态禁用拖拽_第4张图片

你可能感兴趣的:(vue,JavaScript,前端,javascript,css3)