如何在Vue.js中的一行中显示所有按钮？

<template>
  <div>
    <template v-for="button in buttons">
      <button :key="button.id" @click="button.click">{{ button.text }}</button>
    </template>
  </div>
</template>

<script>
export default {
  data() {
    return {
      buttons: [
        { id: 1, text: '按钮1', click: this.handleClick1 },
        { id: 2, text: '按钮2', click: this.handleClick2 },
        { id: 3, text: '按钮3', click: this.handleClick3 },
        // 其他按钮数据...
      ]
    };
  },
  methods: {
    handleClick1() {
      // 按钮1的点击事件处理逻辑
    },
    handleClick2() {
      // 按钮2的点击事件处理逻辑
    },
    handleClick3() {
      // 按钮3的点击事件处理逻辑
    },
    // 其他按钮点击事件处理方法...
  }
};
</script>