【Vue.js】[Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function

소개

[Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function

환경

OS: macOS Catalina 10.15.1
Vue: 2.6.10
vuetify: 2.1.0

무엇을 하고 싶었는가

원래 코드

<template>
<!-- 略 -->
        <v-list>
          <v-list-item
            v-for="item in items"
            :key="item.id"
            @click="item.action"
          >
            <router-link :to="{ name: item.link }">
              <v-list-item-title>
                {{ item.name }}
              </v-list-item-title>
            </router-link>
          </v-list-item>
        </v-list>
<!-- 略 -->
</template>

<script>
  export default {
    data() {
      return {
        items: [
          {id: 1, name: '1へのリンク', link: 'Component1', action: ''},
          {id: 2, name: '2へのリンク', link: 'Component2', action: ''},
          {id: 3, name: 'action1を実行', link: '', action: 'action1'},
          {id: 4, name: 'action2を実行', link: '', action: 'action2'},
        ]
      }
    },
    methods: {
      action1() {
        anyAction1()
      },
      action2() {
        anyAction2()
      }
    }
  }
</script>

해결된 코드(변경부 주변만 발췌)

<template>
<!-- 略 -->
          <v-list-item
            v-for="item in items"
            :key="item.id"
            @click="triggerClick(item.action)"
          >
<!-- 略 -->
</template>

<script>
  export default {
    // 略
    methods: {
      triggerClick(action) {
      if (action === action1) {
        anyAction1()
      } else if (action === action2) {
        anyAction2()
      }
    }
  }
</script>

개선된 포인트

결론

참고로 한 사이트 (항상 감사합니다)