vue 如何在源生拖拽的时候改变鼠标样式?

Question

当我的按钮拖拽到 红色div区域的时候,我需要把鼠标样式设置为 🚫

但是我现在找不到 对应的 api , 跪求大佬!
网上看到的基本都是

onDragOver(e) {
  e.preventDefault()
  e.dataTransfer.dropEffect = 'none' //这个属性只支持 `copy` `move` `none`
},

这种方案并不能满足我的需求

附上在线测试地址

https://codepen.io/firstblood...

Answer 1

dragover判断一下就好了
https://developer.mozilla.org...

Answer 2

1. 设置 DataTransfer.dropEffect
   https://developer.mozilla.org...
2. 设置自定义cursor样式
   https://www.w3school.com.cn/c...