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';
}
}
推荐阅读
-
javascript原生和jquery库实现iframe自适应高度和宽度
-
jquery动态改变div宽度和高度
-
css控制元素高度自适应
-
javascript 中iframe高度自适应(同域)实例详解
-
jsp页面iframe高度自适应的js代码
-
iOS UITextView自适应高度粘贴大量文字导致显示不全问题处理
-
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
-
jQuery实现两列等高并自适应高度
-
前端一面/面试常考题1-页面布局:假设高度已知,请写出三栏布局,其中左栏、右栏宽度各为300px,中间自适应。
-
div实现自适应高度的textarea实现angular双向绑定