Vben Admin——vben-admin 中 使用自带的刷新、浏览器左键返回、都出现空白页情况,解决方案

当前项目:vben-admin + vue3 + ts
如图:
1、浏览器左键返回路由变成了乱码,出现空白页
在这里插入图片描述

2、刷新后空白页
在这里插入图片描述

MyHome 页面跳转到 MyDetail 页面

/@/views/home/MyHome.vue

<template>
  <div>
    <a-button type="primary" @click="handleDetail()">点击去详情</a-button>
  </div>
</template>
<script lang="ts" setup name="home">
import { useGo } from "/@/hooks/web/usePage";
const go = useGo();
const handleDetail = () => {
  go({
    name: "MyDetail",
    query: { id: 1 },
  });
};
</script>

@/views/home/MyDetail.vue

<template>
  <span>我是详情页</span>
</template>

路由配置:

import type {
   
vue-vben-admin是一个基于Vue.js和Ant Design Vue的开源管理后台模板,它提供了丰富的功能和组件,能够快速搭建出符合业务需求的管理后台系统。 vue-vben-admin文文档提供了详细的使用说明和示例,帮助开发者快速上手和了解项目的使用方式。文档按照功能模块和组件进行分类,全面介绍了框架的各个方面。无论是对于初学者还是有一定经验的开发者来说,这些文档都是非常有用的。 文档首先介绍了项目的基本结构和搭建方式,包括安装和配置相关的环境和依赖。然后详细介绍了项目的目录结构和文件的作用,让开发者能够快速理解和定位项目的文件和代码。 接着,文档介绍了项目涉及的各种功能和组件的使用方法,如路由配置、权限管理、表格、表单、图表等等。每个功能或组件都提供了详细的说明、示例和代码片段,让开发者能够快速理解和掌握使用方式。 此外,文档还提供了一些常见问题的解答和注意事项,帮助开发者避免一些常见的错误和问题。文档还包括了一些实际项目的案例和最佳实践,为开发者提供了一些指导和思路。 总的来说,vue-vben-admin文文档非常全面和详细,对于使用该模板的开发者来说是非常有帮助的。无论是对于初学者还是有经验的开发者来说,都能够在文档找到自己需要的信息和解决方案。同时,文档还提供了丰富的示例和代码片段,让开发者能够更快地上手和实践。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值