项目中遇到的难题，vue3+ts

需求：实现打开详情页，滚动条自动滚动到最底部
步骤：获取滚动区域的高度，然后赋值给视口区域的div的scrollTop属性
问题：不管是使用ref还是id获取到的scrollHeight再赋值，赋值之后的scrollTop的值都还是0
原因：赋值的对象没有找对，每次页面加载完毕之后，之前找的视口区域div和滚动区域的div的高度都是一致的
解决办法：视口区域的div得再往上找一层

问题：从列表页面点击数据的id列跳转到详情页面的时候，路由跳转非常的缓慢，且有时候路由变了，但是页面没有跳转，只有手动刷新页面才行
过程：一开始怀疑是没有写router-view，然后检查了一下发现不是。后来怀疑是详情页面太厚重，加载组件的时候判断太多，导致页面跳转非常缓慢
原因：详情页面中引入了十几个组件，且每个组件的v-if都写在各自的computed中，监听详情接口返回之后再判断当前的组件显示与否，以及是否要禁用组件中的输入，这导致详情页面第一次加载的时候，需要等待十几个computed的反应。
解决办法：将页面中的computed尽量写在一个普通的method中，然后在详情接口返回的方法中再调用这个method，大大提高了页面跳转的速度

问题：从一个oa系统跳转到子系统的时候，路由转发重定向之后，一直停留在单点登录的地址显示加载中，且页面空白，只有手动刷新之后才能进入到子系统的页面
原因：项目没有获取到单点登录成功之后的返回值就去设置store，带空参数去调接口获取角色权限，导致接口报错，无法往下走
解决：加上判断，如果没有获取到单点登录成功之后的数据就不往下走

问题：配置了新的菜单，但是点击之后push新路由控制台报错：vue-router.mjs:35 [Vue Router warn]: No match found for location with path “/health/healthManage/affectedJobIdentify”
过程：检查了路由的配置，文件的路径，以及router-view是否有写，都没有问题
原因：路由配置文件中有重名的路由name，导致了这个报错以及路由无法跳转
解决：修改重名的部分