比如项目中有页面http://localhost:8000//reportDetail?id=15,手动修改id=16,页面数据不变,如何让页面在参数修改后立即就刷新页面数据呢?
1. 在该页面的模板页的router-view中加入:key
<router-view :key="routerKey" />
2.将routerKey设置为计算属性:
computed: {
routerKey() {
return this.$route.path + Math.random()
}
}
这样处理以后,浏览器修改id的值,页面就即时将页面数据更新了。