在vue中怎么写JS网页禁用右键，并且自定义样式怎么写

您可以在Vue中写以下代码来禁用网页中的右键：

<template>
  <div class="noContextMenu"></div>
</template>

<script>
export default {
  mounted() {
    document.addEventListener('contextmenu', this.disableRightClick);
  },
  beforeDestroy() {
    document.removeEventListener('contextmenu', this.disableRightClick);
  },
  methods: {
    disableRightClick(event) {
      event.preventDefault();
    }
  }
}
</script>

<style scoped>
.noContextMenu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
</style>

在上述代码中，使用了以下CSS样式来禁用文本选择和鼠标右键点击事件：

.noContextMenu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

并在Vue组件中添加了事件监听器和方法来禁用右键点击事件。

至于自定义样式，您可以在`.noContextMenu`样式中添加您所需的样式。