Создание списка в Vue. js с помощью Vuetify (Ошибка: не используйте ключевое слово JavaScript в качестве значения "v-on": "")

Question

Просто хочу создать простой список в Vue. js с помощью Vuetify. Я получил сообщение об ошибке: не используйте ключевое слово JavaScript в качестве значения "v-on": "" vue / valid-v-on. Пожалуйста, укажите c в своем возможном ответе, так как я новичок в Vuetify и Vue. js.

Это мой код шаблона:

<template>
    <v-container grid-list-md >
      <v-card-title class="pa-0 pb-2">Tracks</v-card-title>

      <v-list>
        <v-list-item
                v-for="(item, index) in items"
                :key="index"
                @click=""
        >
          <v-list-item-avatar>
            <v-icon
                    class="grey lighten-1 white--text"
                    v-text="'folder'"
            ></v-icon>
          </v-list-item-avatar>

          <v-list-item-content>
            <v-list-item-title v-text="item.name"></v-list-item-title>
            <v-list-item-subtitle v-text="item.artist"></v-list-item-subtitle>
          </v-list-item-content>

          <v-list-item-action>
            <v-btn icon>
              <v-icon color="grey lighten-1">mdi-information</v-icon>
            </v-btn>
          </v-list-item-action>
        </v-list-item>

      </v-list>
    </v-container>
</template>

И это мой код скрипта:

  export default {
    name: "Home",
    data: () => ({
      items: [
        { name: 'Test1', artist: 'Artist1' },
        { name: 'Test2', artist: 'Artist2' },
        { name: 'Test3', artist: 'Artist3' },
      ]
    }),
  }

Answer 1

убедитесь, что у @click есть метод внутри, а не просто поместите @ click = ""

хорошо поставленный @ click = "test" , где test - явный метод в method object