vue动态添加事件修饰符
时间: 2023-09-30 12:11:02 浏览: 216
vue事件修饰符和按键修饰符用法总结
可以使用v-bind动态绑定修饰符,例如:
```html
<template>
<button v-bind:[`click.${modifier}`]="handleClick">Click me</button>
</template>
<script>
export default {
data() {
return {
modifier: "prevent"
}
},
methods: {
handleClick() {
console.log("Button clicked");
}
}
}
</script>
```
这样就可以动态地绑定修饰符了。
阅读全文