使用“ v-on：”指令将事件侦听器添加到<router-link>组件-VueJS

Eva猿2020-03-12

我试图将自定义处理程序添加InlineButtonClickHandler到<router-link>组件的click事件中，以便发出自定义appSidebarInlineButtonClick事件。

但是，我的代码无法正常工作。我究竟做错了什么？

<template>
   <router-link :to="to" @click="InlineButtonClickHandler">
     {{ name }}
   </router-link>
</template>

<script type="text/babel">
export default {
  props: {
    to: { type: Object, required: true },
    name: { type: String, required: true }
  },
  methods: {
    InlineButtonClickHandler(event) {
      this.$emit('appSidebarInlineButtonClick');
    }
  }
} 
</script>