vue 图片禁止右击

可以通过在图片的父元素上绑定一个 `contextmenu` 事件并阻止默认行为来禁止右键点击，示例如下：

<template>
  <div @contextmenu.prevent>
    <img src="your-image-url" alt="your-image-description">
  </div>
</template>

其中，`@contextmenu.prevent` 是一个简写方式，完整的写法是 `v-on:contextmenu.prevent`，表示在父元素上监听 `contextmenu` 事件，并阻止其默认行为。

也可以通过 CSS 的 `pointer-events` 属性来实现禁止右击，示例如下：

<template>
  <div class="image-container">
    <img src="your-image-url" alt="your-image-description">
  </div>
</template>

<style>
.image-container {
  pointer-events: none;
}
.image-container img {
  pointer-events: auto;
}
</style>

其中，将父元素的 `pointer-events` 属性设置为 `none`，表示禁止该元素接收任何鼠标事件，而将图片的 `pointer-events` 属性设置为 `auto`，表示开启该元素接收鼠标事件。这样就可以实现禁止右击图片的效果。