【BUG修复】国标GB28181协议视频智能分析平台EasyGBS切换Tab菜单栏时出现抖动修复
EasyGBS国标视频智能分析平台在更新功能和版本之余,也在测试过程中排查以及修复了一些问题。EasyGBS视频智能分析平台提供用户管理及web可视化页面管理,及录像检索、回放,提供实时流媒体处理,PS(TS)转ES,并且具备音视频转码能力。
新版EasyGBS测试过程中,在切换tab菜单栏时,菜单栏整体会抖动,虽然不影响使用,但是观感体验非常不好,因此我们对这个点做一下优化。
经过排查我们得知,此种抖动是因为菜单栏加了权限,每次切换tab栏都会检验一次该用户是否是管理员身份还是游客身份,从而渲染一次tab组件数据,因为分析加渲染需要时间,从而导致组件会抖动。
因此我们从这个整体页面渲染时,就提前将不同身份的tab数据分配好。这样组件只会在页面刷新时重新渲染一次,而切换tab是不会重新渲染。从而避免了上述问题。
参考代码如下:
created() {
console.log(this.userInfo.RoleName,this.serverInfo.IsDem,'creat身份');
if (this.userInfo.RoleName == "admin") {
this.menusData = this.menus;
} else {
if (this.serverInfo.IsDemo) {
this.menusData = this.menus;
} else {
this.menusData = this.gustMenus;
}
}
this.getPaht();
},
大家有疑问或者在排查问题上有困难,都可以主动联系我们的运维人员协助。EasyGBS视频智能分析平台支持试用,欢迎大家联系我们获取测试账号进行测试。更多视频相关解决方案,可随时咨询我们。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结