README-RU.md

vue-slider-component

🎚 Кастомизируемый слайдер

English | 简体中文 | Русский

🍉 Vue3.x

Находится в стадии бета-тестирования и может содержать непредвиденные ошибки, пожалуйста, используйте с осторожностью.

Установка последней версии

$ yarn add vue-slider-component@next
# npm install vue-slider-component@next --save

Внимание

• value -> modelValue. (Официальные изменения API)

✨ Цели

• 🍖 Улучшить кастомизируемость
• 👗 Добавить темы
• 📌 Добавить этикетки
• 🐳 Добавить поддержку большего количества ползунков
• 🎉 Добавить поддержка SSR
• 🍒 Добавить поддержка Typescript

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

• API и примеры на nightcatsama.github.io
• Демо (jsfiddle.net)

🎯 Установка

$ yarn add vue-slider-component
# npm install vue-slider-component --save

🚀 Пример

Vue 2

<template>
  <vue-slider v-model="value" />
</template>

<script>
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  components: {
    VueSlider,
  },

  data() {
    return {
      value: 0,
    }
  },
}
</script>

Vue 3

<template>
  <vue-slider v-model="value" />
</template>

<script setup>
import { reactive, toRefs } from 'vue'
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  setup() {
    const data = reactive({ value: 0 })
    return toRefs(data)
  },
}
</script>

Список изменений

Список изменения для каждого резила опубликован в release notes.

Поддержка

Если код был полезен - купи мне кофе ☕.

Лицензия

MIT