在Nuxt vuetify中单击单个按钮即可加载每个按钮

npx create-nuxt-app my-app
cd my-app
npm install vuetify

{
  src: '@/plugins/vuetify',
  ssr: false
}

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

export default new Vuetify({})

<template>
  <v-app>
    <v-main>
      <v-container>
        <v-btn @click="loadButton(1)">按钮1</v-btn>
        <v-btn @click="loadButton(2)">按钮2</v-btn>
        <v-btn @click="loadButton(3)">按钮3</v-btn>
      </v-container>
    </v-main>
  </v-app>
</template>

<script>
export default {
  methods: {
    loadButton(buttonNumber) {
      // 根据按钮编号加载相应的功能
      switch (buttonNumber) {
        case 1:
          // 加载按钮1的功能
          break;
        case 2:
          // 加载按钮2的功能
          break;
        case 3:
          // 加载按钮3的功能
          break;
        default:
          break;
      }
    }
  }
}
</script>