如何用Vue实现动态调整元素高度的功能？

本文共计1002个文字，预计阅读时间需要5分钟。

目录 + Vue动态设置元素的高度 + 获取元素高度总是不准确的问题 + 解决办法 + Vue动态设置元素的高度

1.添加样式绑定 + div class=container :style={height: scrollerHeight} /div

2.添加属性计算 + computed: {

目录

• vue动态设置元素的高度
• 获取元素高度总是不准确的问题
• 解决办法

vue动态设置元素的高度

1. 添加样式绑定

<div class="container" :style="{height: scrollerHeight}"> </div>

2. 添加属性计算

computed: {     // 滚动区高度      scrollerHeight: function() {       return (window.innerHeight - 50) + 'px'; //自定义高度需求     }   }

获取元素高度总是不准确的问题

今天老大没安排活干，也不想划水，于是打算用一个websocket写一个简易的聊天系统。