Vue 中阻止事件默认行为的两种方法
在 Vue 中,你可以通过以下两种方式阻止事件的默认行为:
- 使用' @click.prevent' 修饰符来阻止点击事件的默认行为:
<button @click.prevent='methodName'>Click Me</button>
- 在事件处理方法中调用'event.preventDefault()'来阻止事件的默认行为:
<button @click='methodName($event)'>Click Me</button>
methods: {
methodName(event) {
event.preventDefault();
// 其他操作
}
}
在上述示例中,'event' 参数是事件对象,可以在方法中调用'event.preventDefault()'来阻止事件的默认行为。
这两种方式都可以用来阻止事件的默认行为,你可以根据具体的需求选择适合的方式来实现。
原文地址: https://www.cveoy.top/t/topic/pVhj 著作权归作者所有。请勿转载和采集!