vue中如何设定div自适应高度

在Vue中，你可以使用CSS中的flex布局来实现div自适应高度。

首先，在你的组件或者页面中，给需要自适应高度的div添加一个类名，例如：

<div class="container"></div>

然后，在CSS中给这个div的父元素添加flex布局样式，并将子元素的高度设为100%，如下：

.parent {
  display: flex;
  flex-direction: column;
}

.container {
  flex: 1;
  height: 100%;
}

这样，你的div就可以根据父元素的高度自适应了。如果父元素的高度有变化，div的高度也会相应地改变。