阻止火狐浏览器在 avue @sortable-change=“sortableChange“ 或 vue-draggable组件时拖动 打开新窗口

阻止火狐浏览器在 avue @sortable-change=“sortableChange” 或 vue-draggable组件时拖动 打开新窗口

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

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

解决方法：在使用sortable-change 或 vue-draggable的vue页面的中禁止火狐的这个功能

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

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