vue监听浏览器窗口的变化,随着窗口变化调整里面table的宽高
1.在data中设置:
1 tableHeight:"500", 2 screenHeight:window.innerHeight,
2.在mounted中设置:
1 mounted() { 2 const that = this 3 window.onresize =() =>{ 4 return (()=>{ 5 window.screenHeight = window.innerHeight 6 this.screenHeight = window.screenHeight; 7 })() 8 } 9 },
3.在watch中监听:
1 watch:{ 2 screenHeight(val){ 3 this.screenHeight = val 4 this.tableHeight = this.screenHeight - 250 5 } 6 },
一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱;