如何在事件中使用 router-link？

Question

我想将信息传递给另一个 page.When 我只是在不使用路由的情况下进行测试 我能够将信息从一个组件传递到另一个组件但是当我实现这样的路由时，它导航到其他组件时单击事件我没有将信息发送到另一个页面。 下面的代码有问题，抱歉我不能 post 所有代码，因为代码太长了。 谁能帮帮我？

<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');
  }