在 Vue 中,你可以通过以下两种方式阻止事件的默认行为:

  1. 使用' @click.prevent' 修饰符来阻止点击事件的默认行为:
<button @click.prevent='methodName'>Click Me</button>
  1. 在事件处理方法中调用'event.preventDefault()'来阻止事件的默认行为:
<button @click='methodName($event)'>Click Me</button>
methods: {
  methodName(event) {
    event.preventDefault();
    // 其他操作
  }
}

在上述示例中,'event' 参数是事件对象,可以在方法中调用'event.preventDefault()'来阻止事件的默认行为。

这两种方式都可以用来阻止事件的默认行为,你可以根据具体的需求选择适合的方式来实现。


原文地址: https://www.cveoy.top/t/topic/pVhj 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录