vue使用$event设置元素禁用

在Vue中，你可以通过设置 `$event.target.disabled` 来禁用元素。具体的代码如下：

<template>
  <button @click="disableButton($event)">点击禁用</button>
</template>

<script>
export default {
  methods: {
    disableButton(event) {
      event.target.disabled = true;
    }
  }
}
</script>

在点击按钮时，会调用 `disableButton` 方法，并将事件对象 `$event` 传递给方法。方法中使用 `$event.target` 获取到按钮元素，然后将其 `disabled` 属性设置为 `true`，从而禁用了按钮。

相关问题

vue弹窗的dialog的全局禁用回车事件

要实现vue弹窗的dialog的全局禁用回车事件，可以在Vue实例的created生命周期中添加以下代码：

created() {
  document.addEventListener('keydown', this.disableEnter, true)
},
destroyed() {
  document.removeEventListener('keydown', this.disableEnter, true)
},
methods: {
  disableEnter(event) {
    if (event.keyCode === 13 && document.activeElement.tagName === 'INPUT') {
      event.preventDefault()
    }
  }
}

这段代码中，首先在created生命周期中添加了一个全局的键盘事件监听器，当按下键盘上的任何键时，都会触发disableEnter方法。在disableEnter方法中，判断当前按下的键是否为回车键，并且当前焦点所在的元素是否为input标签，如果是，则阻止默认事件。最后，在destroyed生命周期中，移除全局的键盘事件监听器，以防止内存泄漏。

在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`样式中添加您所需的样式。