vue中vuedraggable拖拽遇上Checkbox,点击不了问题

draggable中文文档
功能描述:
列筛选,有拖拽排序、选中和取消列。
问题:
大部分电脑一切正常、少部分电脑上点击选中和取消没有效果。
原因应该是点击手势和拖拽冲突了,点击的时候被认为是拖拽了。解决方案:点击的dom和进行拖拽的dom分开,各管各的
请添加图片描述
请添加图片描述

使用handle鼠标在指定元素上才允许拖动,给指定元素加上对应的class。

小优化:拖拽的过程中可能会触发浏览器的选中,导致样式看起来不对,这个时候禁止掉浏览器的选中。。。

.unmover {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard syntax */
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值