阻止vue组件vuedraggable在使用时打开浏览器新标签

前言

浏览器在文字拖动时会打开链接，图片拖动时打开新窗口，这是浏览器的特性。

vue-draggable组件就是需要拖动的，就与这个特性契合了，但大多时候在项目中我们不需要这个特性。

解决方式

需要在使用vue-draggable的vue页面的中禁止这个功能，

/* 阻止浏览器在 vue-draggable组件时拖动 打开新窗口 */
document.body.ondrop = function(event) {
event.preventDefault();
event.stopPropagation();
};

可以放在vue实例生命周期的 created或moutend中，这样就可以在页面创建时用到。