说明

在浏览器右键vue组件会默认弹出浏览器的默认菜单，可以通过以下方法解决该问题。

组件

<el-tag
      class="tag"
      size="small"
      :closable="index>0"
      :disable-transitions="true"
      @click="goTo(item.path)"
      @close="close(index)"
      @contextmenu.native.prevent="rightClick($event)"
      :effect="item.title==$route.meta.titles[$route.meta.titles.length - 1] ? 'dark' : 'plain'"
      v-for="(item, index) in tags" :key="index"
>
         <i class="cir" v-show="item.title==$route.meta.titles[$route.meta.titles.length - 1]"></i>
         {{ item.title }}
</el-tag>

属性

• native 原生的意思
  用法：在一个自定义组件想要给根标签添加事件，但不生效，就给它添加原生的修饰符
• prevent 阻止浏览器的默认行为

@contextmenu.native.prevent="rightClick($event)"