Компонент el-scrollbar framework Element-UI

Vue.js

предисловие

Мы обнаружили, что в других компонентах Element-UI этот компонент используется, и это неплохо, так как официальная документация Element-UI не пишет об этом.el-scrollbar, так что могут быть некоторые проблемы со стабильностью.Здесь мы просто просканировали исходный код и перевели использование некоторых свойств только для справки.

быстрый в использовании


<el-scrollbar>
    <li v-for="user in userList" :key="user.id">{{user.name}}</li>
</el-scrollbar>

конкретные примеры

<el-scrollbar
    wrapClass="yf-container"
    viewClass="yf-content"
    wrapStyle="color:'#fff';fontSize:'16px';"
    viewStyle="color:'#fff';fontSize:'16px';"
    :native="false"
    :noresize="true"
    tag="ul"
>
    <li v-for="user in userList" :key="user.id">{{user.name}}</li>
</el-scrollbar>

Структурный состав

constructor

Документация

Attribute

параметр иллюстрировать Типы необязательное значение По умолчанию
wrapClass Необязательные параметры, стиль имен контейнеров string - -
viewClass Дополнительный параметр, имя стиля дисплея string - -
wrapStyle необязательный параметр, стиль контейнера string - -
viewStyle Необязательный параметр для отображения стиля представления string - -
native Необязательный параметр, указывающий, следует ли использовать встроенную прокрутку. boolean - false
noresize Необязательный параметр, определяющий, является ли размер контейнера неизменным. boolean - false
tag необязательный параметр, метка контейнера рендеринга string - div

Примечание

исходный кодGitHub.com/E?Fe/Голодный…

статьяУглубленный анализ исходного кода компонента прокрутки элемента ScrollBar

Категории