vue页面禁止拖动打开新窗口

在Vue.js中，如果你想阻止页面上的某个元素被用户拖动并打开新窗口，你可以利用JavaScript的事件处理机制以及`dragstart` 和 `drop` 事件。以下是一个简单的示例，展示如何在Vue组件上应用这个功能：

<template>
  <div v-on:dragstart.prevent="onDragStart" @drop="onDrop">不可拖动内容</div>
</template>

<script>
export default {
  methods: {
    onDragStart(e) {
      e.preventDefault(); // 阻止浏览器默认的拖放行为
      e.stopPropagation(); // 阻止单元格内部的事件冒泡
    },
    
    onDrop(e) {
      // 如果你想完全禁用打开新窗口的行为，可以在这里添加代码阻止右键菜单的"复制链接"等操作
      if (e.button === 0) { // 只对左键单击有效
        e.preventDefault();
      }
    },
  },
};
</script>

在这个例子中，`v-on:dragstart.prevent="onDragStart"` 使用了`.prevent`修饰符来阻止元素被拖动到另一个位置，而`@drop="onDrop"`监听`drop`事件，进一步防止点击事件导致新窗口打开。

如果你想要更细致地控制，比如检查目标是否是链接或图片，并且只针对那些类型的元素，你可以在`onDrop`方法里添加相应的判断和处理。