给组件设置高度,虽然是获取窗口高度,但由于只在页面加载的时候获取,所以缩放窗口时无法实现drawer组件高度自适应
一开始使用addEventListener() 方法监听窗口变化,重新赋值的方法,但是效果并不理想。于是换了一种监听方法。
首先在需要监听的对象上添加ref
然后引入用到的包(先安装再引入)
import elementResizeDetectorMaker from 'element-resize-detector'
最后监听到对象大小变化时,重新给drawer的高度赋值
mounted(){
// 监听窗口变化
const erd = elementResizeDetectorMaker()
erd.listenTo(this.$refs.box,(element)=>{
this.fullHeight = document.documentElement.clientHeight || document.body.clientHeight
})
},