0
点赞
收藏
分享

微信扫一扫

vue拖拽@drop不生效解决方式

程序猿不脱发2 2022-04-16 阅读 88
vue.js

想要一个原生可以进行拖拽 可以使用HTML5的一个属性draggable='true'

 <div class="widget" draggable='true'>pie</div>
  • 加上了后这个元素就开启了拖拽
  • 这是因为还需要阻止一个默认事件
    @dragover="e=>e.preventDefault()"

加上后就可以了

<div class="components-right" @dragover="e=>e.preventDefault()" @drop="onDrop">
举报

相关推荐

0 条评论