简约 时尚 高端 网站建设,莆田网站建设模板,无为网站建设,加油站网架是因为在App.vue中#xff0c;vue路由#xff08;router-view#xff09;组件使用路由缓存组件(keep-alive)包裹着#xff0c;导致不重新走生命周期#xff0c;这样可以提高运行效率#xff0c;但有时候#xff0c;我们需要重新加载生命周期刷新数据。
解决方案#x…是因为在App.vue中vue路由router-view组件使用路由缓存组件(keep-alive)包裹着导致不重新走生命周期这样可以提高运行效率但有时候我们需要重新加载生命周期刷新数据。
解决方案
在router-view组件中添加key值唯一标识
templatediv idappkeep-alive router-view :keykey/router-view/keep-alive/div
/template
script
export default {data() {return {};},computed:{key(){return this.$route.name Math.random()}}
};
/script
style
.app{display: flex;
}
.el-menu-vertical-demo{width: 200px;height: 100vh;
}
/style