欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue div高度自适应

程序员文章站 2022-05-01 08:29:24
...

1.动态style绑定

<div :style="styObj"></div>

2.data定义

data(){
	return{
		styObj:{
			height:0
		}
	}
}

3.mounted执行

mounted(){
	window.addEventListener('resize', this.changeHeight);
},
methods:{
	changeHeight(){
		this.styObj.height=window.innerHeight-255+'px';
	}
}