Skip to content

Компонент ui-ползунка ui-range

Позволяет пользователю выбрать интервал из значений какого-либо параметра (например в фильтрах). Компонент сделан как обертка для библиотеки nouislider.

Пример использования

<ui-range
    :min="0"
    :max="9999"
    :from="22"
    :to="1234"
    :property-id="1415552"
    :decimals="4"
/>

Параметры компонента

  • min - минимальное число от которого начнется отсчет ползунка
  • max - максимальное число которое может принимать ползунок
  • from - начальное левое положение ползунка на полоске.
  • to - начальное правое положение ползунка на полоске
  • property-id - id числового параметра который мы хотим изобразить в виде ползунка.
  • decimals - шаг изменения ползунка. по-умолчанию равен 0.
  • options - обьект с параметрами, который можно передать для более широких настроек ползунка. Документация по принимаемым значениям есть на https://refreshless.com/nouislider/slider-options/.