vue+elementui下监听屏幕变化并处理对应样式

mounted () {

window.addEventListener('resize', () => {

if (document.body.clientWidth < 900) {

this.tabposition = 'top'

} else {

this.tabposition = 'left'

}

})

}

 

补充：最好是将监听后对应的操作函数封装起来，然后再页面的销毁程序中对window解除对应监听。可以参考我另一个博客