scrollbar

功能

在原有 el-scrollbar 的基础上，增加了flex属性，用于将 scrollbar 变成 flex 布局，使其自动撑满父元素。

功能示例

展示区	1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
展示区	1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

最小示例

<template>
    <Wrapper>
        <div :class="$style.container">
            <VcScrollbar flex>
                <div v-for="i in 20" :key="i">{{ i }}</div>
            </VcScrollbar>
        </div>
        <VcScrollbar flex height="120px">
            <div v-for="i in 20" :key="i">{{ i }}</div>
        </VcScrollbar>
    </Wrapper>
</template>

<script lang="ts" setup>
import VcScrollbar from '../scrollbar.vue'
</script>

<style lang="scss" module>
.container {
    display: flex;
    height: 200px;
    flex-direction: column;
}
</style>

API

参数