项目中遇到的不同路由路由对应同一个页面，却不重新加载的问题

最新推荐文章于 2024-03-24 08:30:00 发布

一个前端女子

最新推荐文章于 2024-03-24 08:30:00 发布

阅读量1.2k

点赞数

分类专栏： vue2 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_44173499/article/details/123799690

版权

在Vue.js项目中，当不同路由对应同一页面但需根据路由参数加载不同数据时，发现页面未重新加载导致请求失败。解决办法是在模板文件中添加key属性，以确保每次路由变化时组件重新渲染。

摘要由CSDN通过智能技术生成

页面对应的路由配置：

                   // 基础管理
                path: "/main/base",
                name: "base",
                component: Template,
                children: [
                    {
                        // 基础管理-"企业安全台账管理"
                        path: "/main/base/standard/standing_book",
                        name: "enterpriseStandard7",
                        component: enterpriseStandard,
                    },
                    {
                        // 基础管理-"政府监管检查管理"
                        path: "/main/base/standard/rectify",
                        name: "enterpriseStandard8",
                        component: enterpriseStandard,
                    },
                    
                    {
                        // 基础管理-"企业安全制度管理"
                        path: "/main/base/standard/comany_institution",
                        n