Pure Admin 跳转后页面需要再次刷新 不刷新就是空白页面是怎么回事?

Pure Admin 跳转后页面需要再次刷新 不刷新就是空白页面是怎么回事?急需?
https://yiming_chang.gitee.io/pure-admin-doc/pages/introduction/#%E9%A2%84%E8%A7%88
这个是文档地址,使用他提供的精简版就会有这个问题

这个问题可能是因为精简版没有使用路由库来管理页面路由,导致页面跳转后无法正确加载对应的组件。你可以修改代码,使用路由库来管理页面路由。

具体来说,您可以使用 Vue.js 中的路由库 Vue Router 来管理页面路由。Vue Router 可以将页面路由映射到对应的组件,当用户访问某个路由时,Vue Router 会自动加载对应的组件,并将其渲染到页面中。使用 Vue Router 可以方便地管理页面路由,并且可以避免因为页面跳转而出现空白页面的问题。

以下是一个使用 Vue Router 的示例代码:

import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from './views/Home.vue';
import About from './views/About.vue';

Vue.use(VueRouter);

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
];

const router = new VueRouter({
  routes,
});

new Vue({
  router,
  render: h => h(App),
}).$mount('#app');

在上述代码中,首先通过 Vue.use(VueRouter) 来安装 Vue Router 插件。然后,我们定义了两个路由,分别将 //about 路由映射到对应的组件。最后,创建了一个 Vue 实例,并将 router 对象传递给实例,以便使用 Vue Router 管理页面路由。

使用 Vue Router 后,您可以在需要跳转到其他页面时,使用 router.push() 方法来跳转到对应的路由。例如:

this.$router.push('/about');

在上述代码中,使用 $router.push() 方法将页面跳转到 /about 路由,对应的组件会被自动加载并渲染到页面中。

需要注意的是,在使用 Vue Router 时,您需要将页面组件定义为路由组件,并将其注册到路由器中。如果您使用的是 Pure Admin 的精简版,可能需要对现有代码进行修改,以便使用 Vue Router 管理页面路由。