VUE中vant4按钮触发多个事件

在Vue.js框架中，尤其是使用Vant UI库的版本4中，你可以为一个按钮设置多个事件处理函数。Vant的`van-button`组件允许你通过`@click`指令绑定点击事件，并可以使用`.v-if`或`.v-bind:class`等属性来关联其他事件或者样式。

例如：

<template>
  <van-button @click="handleClick1" @longpress="handleLongPress">点击我</van-button>
</template>

<script>
export default {
  methods: {
    handleClick1() {
      console.log('普通点击事件');
    },
    
    handleLongPress(e) {
      console.log('长按时按事件', e);
    }
  }
}
</script>

在这个例子中，`handleClick1`会在每次点击时触发，而`handleLongPress`会在用户按下并保持按钮一段时间（通常是300毫秒）时触发。注意，`longpress`事件通常需要配置一些额外选项才能启用，比如在Vue Vant组件上添加`v-model.lazy=true`。