将事件绑定到Vue.js中的多个元素

<template>
  <div>
    <button @click="handleClick">按钮1</button>
    <button @click="handleClick">按钮2</button>
    <button @click="handleClick">按钮3</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 处理点击事件的逻辑
    }
  }
}
</script>

<template>
  <div>
    <button class="btn1" @click="handleClick('.btn1')">按钮1</button>
    <button class="btn2" @click="handleClick('.btn2')">按钮2</button>
    <button class="btn3" @click="handleClick('.btn3')">按钮3</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(selector) {
      if (selector === '.btn1') {
        // 处理按钮1点击事件的逻辑
      } else if (selector === '.btn2') {
        // 处理按钮2点击事件的逻辑
      } else if (selector === '.btn3') {
        // 处理按钮3点击事件的逻辑
      }
    }
  }
}
</script>