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 管理页面路由。