如何在事件中使用路由器鏈接？

Question

我想將信息傳遞到另一個頁面。當我只是在不使用路由的情況下進行測試時，我能夠將信息從一個組件傳遞到另一個組件，但是當我實現這樣的路由時，它在單擊事件時導航到其他組件我沒有得到信息到另一頁。 下面的代碼有問題，抱歉，由於代碼太長，我無法發布所有代碼。 有人可以幫我嗎？

<router-link  @click.native="$emit('viewDetails', model)" to="/modelDetails">
view details
</router-link>

Answer 1

如果您希望發射和導航都發生，您可能希望使用常規<a>並將其綁定到組件上處理這兩個操作的方法：

<a @click="myFunc(model)">View details</a>

methods: {
  myFunc(model) {
    this.$emit('viewDetails', model);
    this.$router.push('/modelDetails');
  }