vue 超出隐藏显示混动条

在Vue中，可以使用CSS样式来实现超出隐藏并显示滚动条的效果。可以通过给容器元素添加overflow: hidden;样式来隐藏超出部分，并添加overflow-y: scroll;样式来显示垂直滚动条。

例如，假设有一个容器元素<div class="container">，当内容超出容器高度时，需要隐藏超出部分并显示垂直滚动条，可以在Vue的模板中添加以下代码：

<div class="container">
  <!-- 内容 -->
</div>

然后，在Vue的样式中添加以下代码：

.container {
  max-height: 300px; /* 设置容器的最大高度，超出部分将会隐藏 */
  overflow: hidden; /* 隐藏超出部分 */
  overflow-y: scroll; /* 显示垂直滚动条 */
}

这样，当内容超出容器高度时，将会隐藏超出部分并显示垂直滚动条。