网上有许多文章写过了,无非就是想办法获取屏幕高度然后计算
我这里提供一个更优雅的方法
vue中测试通过
this.$nextTick(() => {
let rest = document.querySelector("#rest");
rest.style.height = `calc(100vh - ${rest.offsetTop + "px"})`;
});
添加到mixin中,在需要的地方导入即可
用到了this.$nextTick calc vh
这个地方或许需要考虑兼容
父组件需要置顶
不一定是绝对定位,只要处于文档流顶部,且高度为100vh,否则调整100vh一致即可,也可以用js获取父节点的高度