做了几次老是忘记，这次整理好逻辑做个笔记方便重复利用；

问题：elementui的侧边栏是占不满高度的；但是使用100vh又会超出视口高度不美观；

解决办法：

1.获取到侧边栏底部到视口顶部的距离
2.获取到视口的高度减去侧边栏高度获取需要补的高度
3.最后将两个高度相加获取到总的高度

代码：

let bottomScorll = 0
//处理侧边栏菜单100vh超出屏幕
onMounted(()=>{
    //获取到侧边栏dom对象 el-menu
    const element = document.getElementById('asid-menu')
    // 获取el-menu的rect对象
    const rect = element.getBoundingClientRect()
    //bottom：矩形底部边缘相对于视口的顶部的距离。 height：矩形的高度。
    bottomScorll = window.innerHeight - rect.bottom
    // 动态设置到元素的高度上
    element.style.height = `${rect.height + bottomScorll}px`
})