vue.js class 绑定多个函数
时间: 2023-06-26 15:05:46 浏览: 210
vue.js数据绑定的方法(单向、双向和一次性绑定)
可以使用对象语法来绑定多个函数,如下所示:
```html
<template>
<button @click="{
handleClick1,
handleClick2,
handleClick3
}">Click me</button>
</template>
<script>
export default {
methods: {
handleClick1() {
console.log('handleClick1 called')
},
handleClick2() {
console.log('handleClick2 called')
},
handleClick3() {
console.log('handleClick3 called')
}
}
}
</script>
```
在这个例子中,当按钮被点击时,三个函数 `handleClick1`、`handleClick2` 和 `handleClick3` 都会被调用。可以看到,在对象语法中,每个属性都是一个函数名,对应着要执行的函数。这种方式可以让你在绑定事件时,同时绑定多个函数,让代码更加简洁。
阅读全文