vben框架切换路由空白页问题

最新推荐文章于 2024-04-24 14:28:09 发布
最新推荐文章于 2024-04-24 14:28:09 发布
阅读量352 收藏
点赞数 2
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42229667/article/details/134289747
版权

vben框架切换路由空白页问题

最近用vben搭建项目写代码过程中遇到一个很扯的问题
当修改了js代码热更新之后，切换到某个路由之后再切换到其他页面就会导致中间部分空白加载不出来，必须刷新以后才能正常使用
经过一些列排查得到以下解结论：

Vue3本身支持单vue文件多个根标签，但是vben不知道做了什么操作感觉不支持了
在这里插入图片描述
如果存在多个根标签就会出现，切换到该页面后，在切换到其他页面就会导致中间部分空白加载不出来的问题，！！！！！甚至是注释也会有这个问题！！！！！
在这里插入图片描述
当只有一个根标签之后，问题就解决了。一直以为是路由配置的问题，被小坑一波
在这里插入图片描述

社会社会
关注
一、Vben框架ApiCascader的一些问题
张先森的博客
08-15 3296
Vben框架ApiCascader的一些问题
四、vben框架BasicTree不展开的问题
张先森的博客
08-18 1155
vben框架BasicTree不展开的问题
vben切换页卡空白问题
2301_79822975的博客
04-15 193
vben解决空白页卡问题
vben admin 新增路由测试,以及页面空白bug定位
YZRHANYU的博客
10-30 3658
vben admin 新增路由测试,以及页面空白bug定位
this.$router.push()跳转页面不刷新 （分页组件点击，query参数变化）
weixin_46331416的博客
02-23 3948
this.$router.push()跳转页面不刷新 问题： 我有一个动态路由：/page/:offset?,但是我用query传参的时候，页面却不刷新，
vben切换页面不刷新内容
z17864151193的博客
06-14 982
vben切换页面不刷新内容
Vben-admin学习（三）——v-loading自定义指令实现
梅子黄时雨
06-02 877
在学习vben-admin源码过程中，看到v-loading指令，实现在元素上加上v-loading就能展示元素的加载状态。
Vben Admin 自学记录 —— 路由跳转的基本使用及练习（持续更新中...）
qq_36842789的博客
05-07 3023
项目路由配置存放于 src/router/routes 下面。src/router/routes/modules用于存放路由模块，在该目录下的文件会自动注册。
十五、vben去掉路由的办法
张先森的博客
07-12 345
在vben的项目开发中，我们需要把路由上的#去掉，那么应该改哪里呢，现在我们就来讲讲。
vben admin白名单配置
03-20
为了解决这一问题，我们需要对Vben Admin框架中的路由白名单进行合理的配置。 #### 二、白名单配置原理与目的 路由白名单是指无需经过身份验证即可直接访问的URL列表。通过设置路由白名单，我们可以让某些特定的...
第七节：Vben Admin权限-后端获取路由和菜单
cui_win的专栏
03-13 1388
这段时间比较忙，更新暂停了一些天，今天我们继续。上一节，我们切换了权限方式为BACK模式，分析了getPermCode接口。最后我们遇到了/api/getMenuList接口404。这节我们就编写后端对应的/api/getMenuList接口到这里，我们已经实现了后端权限控制模式下的前后端对接。后面的优化方向主要就是如何存储权限和用户数据，用数据库将权限数据保存和查询。
Vben Admin 路由跳转
qq_51536454的博客
12-29 568
Vben Admin 路由跳转。
vben后台根据权限返回自定义路由
最新发布
muitoprazer的博客
04-24 517
vben后台根据权限返回自定义路由
vben-admin路由配置项
qq_42989829的博客
05-10 2717
vben-admin路由配置项
vben-admin学习（二） 多级路由处理为二级路由
梅子黄时雨
05-26 999
vue多级路由处理为二级路由
vben admin 2.路由权限、前置守卫循环重定向死循环问题
郝开的博客
05-25 3777
vben admin 路由权限、前置守卫循环重定向死循环问题vue导航守卫vue路由权限全局前置守卫使用方法vue Router 方法 addRoutevben admin搜索addRoute定位路由文件setupRouterGuardcreatePermissionGuardrouter.beforeEach前置守卫白名单的作用：避免前置守卫循环重定向导致死循环router.addRoute添加路由权限getMenuList()获取菜单 vue路由权限思路都是基于导航守卫，然后addRoute添加权限去做
vue3.0结合vben开源项目的开发思路
weixin_49354517的博客
04-26 4238
前言 经过前边两篇文章的介绍，相信大家对vue3.0和ts已经有了基本的了解，接下来文章内容将从以下几个方面结合vben实例开源项目进行详细介绍和总结： 1、app如何创建实例 2、vuex（pinia)如何进行使用 3、api+axios封装思路+store 4、view+router 1、vue3.0中的app实例创建 2、vuex和pinia的区别和使用 vuex和pinia都是状态管理库，只不过Pinia是一个全新的Vue状态管理库，是Vuex的代替者，有以下几个特点：
vue-vben-admin（vue3.0-typescript）左侧导航新增
ergoChang的博客
04-29 2851
项目路由配置存放于src/router/routes(opens new window)下面。src/router/routes/modules(opens new window)用于存放路由模块,在该文件下内的文件会自动注册 routes下modules新建 project，把routes下modules下demo的comp.ts内容复制过来留下table部分进行修改 项目菜单配置存放于/@/router/menus(opens new window)下面 在menus下新建pro...
在vben框架中页面loading在页面加载完毕结束loading
05-21
在 vben 中，可以通过使用 `useLoading` 钩子来实现页面加载后结束 loading。 首先，在组件中导入 `useLoading` 钩子： ```javascript import { useLoading } from '@/hooks/core/useLoading'; ``` 然后在组件中调用 `useLoading`： ```javascript const { startLoading, endLoading } = useLoading(); ``` 在组件中的 `mounted` 生命周期中调用 `endLoading()` 方法即可结束 loading： ```javascript mounted() { endLoading(); // 结束 loading }, ``` 完整代码示例： ```javascript <template> <div> <h1>Hello World</h1> </div> </template> <script> import { useLoading } from '@/hooks/core/useLoading'; export default { name: 'HelloWorld', setup() { const { startLoading, endLoading } = useLoading(); startLoading(); // 开始 loading return { endLoading }; }, mounted() { this.endLoading(); // 结束 loading } }; </script> ```
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值