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

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