在使用vue-draggable-plus或者sortablejs时。为了防止某个元素可以拖拽,一般会加上filter属性
但是加上后,会发现这个元素不能点击了,像我这里的滑块也不能滑动了。
查了很久才发现,还有一个属性是 preventOnFilter: true, // 在触发过滤器filter
的时候调用event.preventDefault()
preventOnFilter默认值是true。加了filter属性后,会给这个元素加上event.preventDefault()阻止默认事件,导致元素自身的功能失效。
所以只要把这个属性设为false就可以了。