vue 自定义拖拽指令
export function addDirective(app) { /** * 拖拽指令使用方式:v-drag="[dragDom, dragHeader]",如 `<div v-drag="['.drag-container .el-dialog', '.drag-container .el-dialog__header']"></div>` */ app.directive('drag', { mounted(el, binding) { if (!binding.value) return false; binding.instance.$nextTick(() => { const dragDom = document.querySelector(binding.value[0]) const dragHeader = document.querySelector(binding.value[1]) dragHeader.onmouseover = () => (dragHeader.style.cursor = `move`); function down(e, type) { // 鼠标按下,计算当前元素距离可视区的距离 const disX = type === 'pc' ? e.clientX - dragHeader.offsetLeft : e.touches[0].clientX - dragHeader.offsetLeft; const disY = type === 'pc' ? e.clientY - dragHeader.of
热门文章
- 国家规定不允许喂流浪猫(喂流浪猫是积德吗)
- 动物疫苗销售大客户经理(兽用疫苗销售人员)
- 动物疫苗新闻(动物疫苗新规)
- 「3月2日」最高速度20.9M/S,2025年Hiddify Next每天更新免费节点订阅链接
- 「3月14日」最高速度22.2M/S,2025年Hiddify Next每天更新免费节点订阅链接
- 「3月28日」最高速度20.9M/S,2025年Hiddify Next每天更新免费节点订阅链接
- 「3月12日」最高速度21.1M/S,2025年Hiddify Next每天更新免费节点订阅链接
- 「3月24日」最高速度18.8M/S,2025年Hiddify Next每天更新免费节点订阅链接
- 符合动物医院法定条件是什么意思呀(政府动物医院)
- 狗粮国产排名前十品牌(狗粮国产排名前十品牌有哪些)