Vue.js 我可以扩展路由器链接吗？

使用Vue.JS，是否可以扩展路由器链接，或将事件绑定到路由器链接，从而使特定类型的链接发生另一个操作

我想做的是在我的应用程序中指定一些指向弹出标签的链接，而其他的则没有；e、 g

<router-link>no tab</router-link>
<router-link-tab>router view is updated and a tab is pushed</router-link-tab>

---

您可以使用自定义组件：

Vue.component('router-link-tab', {
  template: `<router-link :to="to" event="" @click.native.prevent="click">
               <slot></slot>
             </router-link>
  `,
  props: {
    to: String,
  },
  methods:{
    click: function () {
        console.log(this.to)
    }
  }
});

Vue.component（'router-link-tab'{
模板：`
`,
道具：{
致：字符串，
},
方法：{
单击：函数（）{
console.log（this.to）
}
}
});

---

[]您可以使用自定义组件：

Vue.component('router-link-tab', {
  template: `<router-link :to="to" event="" @click.native.prevent="click">
               <slot></slot>
             </router-link>
  `,
  props: {
    to: String,
  },
  methods:{
    click: function () {
        console.log(this.to)
    }
  }
});

Vue.component（'router-link-tab'{
模板：`
`,
道具：{
致：字符串，
},
方法：{
单击：函数（）{
console.log（this.to）
}
}
});

---

[]

类似的可能重复，但我认为不一样。在哪里定义内联事件处理程序？我的路由器链接不都在同一个组件中。@stdob——这不是重复的第二个原因，是前一个问题讨论了添加事件侦听器的一个或几个用途。我希望这是全球性的；一次定义所有用途。类似的可能重复，但我不认为它是相同的。在哪里定义内联事件处理程序？我的路由器链接不都在同一个组件中。@stdob——这不是重复的第二个原因，是前一个问题讨论了添加事件侦听器的一个或几个用途。我希望这是全球性的；一次定义所有用途。这在沙箱中对我来说似乎不起作用（至少在Safari中不起作用）。单击事件仅由路由器链接选项卡组件而不是路由器链接听到；因此，从未访问过/tab（尽管单击控制台日志会触发）。这在沙箱中对我来说似乎不起作用（至少在Safari中不起作用）。单击事件仅由路由器链接选项卡组件而不是路由器链接听到；so/tab从未被访问过（尽管点击控制台日志会触发）。