如何使用带有事件的路由器链接？

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