什么是 <router-view :key="$route.fullPath"> ?

IT技术 javascript html vue.js vue-router
2021-03-21 05:00:45

我对 Vue.js 完全陌生,我想我对路由器如何处理以下事情有一些了解:

<router-link to="/">

但我并不真正理解以下行的作用:

<router-view :key="$route.fullPath"></router-view>

我相信路由器视图本身可以确保显示内容,但关键部分是什么意思?

1个回答

请参阅特殊属性 - 键

它还可用于强制替换元素/组件而不是重用它。当您想执行以下操作时,这会很有用:

  • 正确触发组件的生命周期钩子
  • 触发转换

$route.fullPath 被定义为

完整解析的 URL,包括查询和哈希。

如果绑定key$route.fullPath,它总是“强制替代”的的<router-view>导航事件发生元件/组件的每一次。

如上所述,这很可能是为了触发过渡/动画。

@James 您可能还缺少其他东西。你应该发布一个新问题
2021-04-27 05:00:45
这不是更新视图中的信息。我必须完全重新加载页面,这对我来说是不可能的。
2021-05-01 05:00:45
@Ashbay 得到“什么”
2021-05-04 05:00:45
有没有办法用 $router.push() 以编程方式获取它?
2021-05-12 05:00:45