Vue-router 组件复用 [英] Vue-router component reusing

问题描述

我想知道如何在 Vue-router 中停止组件重用.

我正在构建一个简单的页面应用程序，但我无法在单击同一链接两次后更新数据.

I'm building a simple page application and I am unable to update data after clicking the same link twice.

是否可以以某种方式强制重新加载，或者在我的情况下有哪些最佳做法?

Is it possible to somehow force reloading or what are the best practices in my situation?

推荐答案

使用 router-view 上的 key 属性设置为当前 url.它是内置的，因此无需编写任何代码.

Use the key attribute on router-view set to current url. It's built in, so no need to write any code.

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

这篇关于Vue-router 组件复用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！