- 45
- 0
自定义指令无法拖动,求大佬指点@Component({components: { ProductControlTable1 }, directives:{drag: (el: any,bindings : any) =>{el.onmousedown = function(e: any) {var disx = e.pagex - el.offsetLeftvar disy = e.pageY - el.offsetTopdocument.onmousemove = function(e){ el.style.left = e.pageX - disx + 'px' el.style.top = e.pageY - disy + 'px ' }document.onmouseup = function() { document.onmousemove = document.onmouseup = null}} }}})
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
回忆终是回忆 普通会员 1楼
在 Vue 中,如果你在使用自定义拖拽指令时遇到了问题,可能是由于以下几种原因造成的:
- 指令使用方式错误:请确保你正确地使用了
@dragstart和@dragend指令。例如,你可以这样做:
```typescript dragstart((event) => { event.dataTransfer.setData('text/plain', 'drag started'); });
dragend((event) => { event.dataTransfer.setData('text/plain', 'drag ended'); }); ```
-
确保没有禁用浏览器的拖放功能:在 Vue 中,拖放功能是默认启用的,因此你需要确保没有禁用浏览器的拖放功能。
-
指令没有被正确地绑定到元素上:请确保你的
dragstart和dragend指令被正确地绑定到你想要拖拽的元素上。例如:
```typescript dragstart((event) => { // 在这里处理拖拽开始 });
dragend((event) => { // 在这里处理拖拽结束 }); ```
-
指令中的数据类型不匹配:在使用自定义拖拽指令时,你可能需要确保你使用的数据类型与你的拖拽对象匹配。例如,如果你的拖拽对象是一个字符串,你可能需要使用
JSON.stringify()将它转换为 JSON 字符串。 -
指令的兼容性问题:如果你正在使用的是旧版本的 Vue,你可能需要确保你的自定义拖拽指令兼容旧版本的 Vue。
如果以上所有方法都不能解决问题,建议你查阅 Vue 的官方文档或社区论坛寻求帮助。
- 指令使用方式错误:请确保你正确地使用了
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

