Vue路由器。如何知道导航是单击的链接还是程序化的

Question

我必须知道导航是否由Javascrpt使用

触发的

this.$router.push("...") 

或点击链接

<router-link :to="...">

我该如何解决？

Answer 1

它们之间没有区别，因为<router-link :to="...">也将在this.$router.push("...")中解决。

要了解它们之间的区别，可以使用this.$router.push("link?clicked=F")和<router-link :to="link?clicked=T">之类的查询参数。使用此查询参数，您可以轻松区分单击的路由器链接和未单击的路由器链接。

要访问查询参数，请像使用this.$route.query.<param-name>那样使用this.$route.query.clicked，从而得到T中的F。