前言
浏览器在文字拖动时会打开链接,图片拖动时打开新窗口,这是浏览器的特性。
vue-draggable组件就是需要拖动的,就与这个特性契合了,但大多时候在项目中我们不需要这个特性。
解决方式
需要在使用vue-draggable的vue页面的中禁止这个功能,
/* 阻止浏览器在 vue-draggable组件时拖动 打开新窗口 */
document.body.ondrop = function(event) {
event.preventDefault();
event.stopPropagation();
};
可以放在vue实例生命周期的 created或moutend中,这样就可以在页面创建时用到。
标签:vue,浏览器,拖动,draggable,vuedraggable,组件,event From: https://www.cnblogs.com/bcodepod/p/16955747.html