关闭嵌套路由时Vue路由器更新父组件

Question

我有以下用例：

1. 访问/parent页面并呈现父组件
2. 访问/parent/john并呈现子组件
3. 导航回/parent子组件被销毁

此时我需要更新Parent组件。我有以下routes.js：

{
  path: '/parent',
  name: 'parent',
  component: Parent,
  beforeEnter: (to, from, next) => {
    console.log(to, from);
    next();
  },
  children: [
    {
      path: ':child',
      component: Child
    },
  ]
},

自beforeEnter第一次呈现组件以来，有没有其他方法可以知道路由已更新并在Parent组件上触发方法？

Answer 1

我认为reacting-to-params-changes可能会有所帮助。

基本上，在注册vue-router之后，所有组件都将拥有＆＃39; $ router＆＃39;和＆＃39; $ route＆＃39;属性。

组件。$ router可用于绑定侦听器并以编程方式更改当前路由。

组件。$ route保存有关当前路由的信息。

所以，另一种选择是观看＆＃39; $ route＆＃39;属性。

First