el-checkbox-group滚动条
时间: 2023-08-26 14:11:36 浏览: 345
Vue动态生成el-checkbox点击无法赋值的解决方法
5星 · 资源好评率100%
对于 `el-checkbox-group`,它是 Element UI 组件库中的多选框组件。默认情况下,`el-checkbox-group` 不会添加滚动条,而是根据容器的高度自动进行布局。
如果你想在 `el-checkbox-group` 中添加滚动条,可以将其放置在一个带有固定高度的容器内,然后为该容器添加 CSS 样式属性 `overflow: auto;`。这样,当 `el-checkbox-group` 的内容超出容器高度时,就会出现滚动条。
以下是一个示例代码:
```html
<div style="height: 200px; overflow: auto;">
<el-checkbox-group v-model="checkedList">
<el-checkbox v-for="item in options" :label="item.value" :key="item.id">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
```
在上面的示例中,我们将 `el-checkbox-group` 放置在一个高度为 200px 的 `<div>` 容器内,并为该容器添加了 `overflow: auto;` 样式。这样,当 `el-checkbox-group` 的内容超出容器高度时,就会出现垂直滚动条。
你可以根据实际情况调整容器的高度和样式以满足你的需求。希望这能帮到你!如果还有其他问题,请随时提问。
阅读全文