vue-slider-component - Can use the slider in vue1.x and vue2.x(vue滑块组件)

  •        34

if the component initialization in a v-show="false" / display: none container or use transform / animation / margin to change the location of the component, there may be an exception ( The slider cannot be used, because the component can not initialize the size or slider position ). # When using the template element as a slot, can add special properties scope or slot-scope to get the value.

https://nightcatsama.github.io/vue-slider-component/example/
https://github.com/NightCatSama/vue-slider-component

Tags
Implementation
License
Platform

   




Related Projects

vue-concise-slider - vue-concise-slider,A simple vue sliding component

  •    Vue

vue-slider,A simple sliding component,has easy configuration,support self-adaption / fullscreen / button / page,and is compatible with mobile and PC terminal

vue-agile - Carousel component for Vue.js

  •    Vue

Carousel component for Vue.js inspired by Slick. More powerful with each version, touch-friendly, written in Vue and Vanilla JS (without jQuery dependency). 🤝 Thanks to Maciej Wach for inventing the name, testing and motivation.


vue-swipe - A touch slider for vue.js.

  •    Vue

vue-swipe is a touch slider for vue.js.How to change swipe? Just use ref and call goto method like this.$refs.swipe.goto(newIndex) to change swipe item, see example code.

angularjs-slider - Slider directive for AngularJS 1.X. No dependencies and mobile friendly.

  •    Javascript

I'm looking for a maintainer for this project. I have lost my Open Source Stamina for this project and I will probably not push any code to this project anymore (unless, I find some motivation later). I will try to merge pull requests if some are submitted, but only if they are really clean.Slider directive implementation for AngularJS 1.X, without any dependencies: http://angular-slider.github.io/angularjs-slider.

vue-carousel - A flexible, responsive, touch-friendly carousel for Vue.js

  •    Javascript

WARNING: vue-carousel is at pre-alpha stage of development and may undergo significant changes. Feel free to submit issues and feature requests here.

noUiSlider - noUiSlider is a lightweight JavaScript range slider library

  •    Javascript

noUiSlider is a lightweight JavaScript range slider. noUiSlider is licensed WTFPL. You can use it for free and without any attribution, in any personal or commercial project. You may also fork the project and re-release it under another license you prefer.

react-native-slider - A pure JavaScript <Slider> component for react-native

  •    Javascript

A pure JavaScript <Slider> component for react-native. This is still very much a work in progress, ideas and contributions are very welcome. It is a drop-in replacement for Slider.

vue2-calendar - vue 2.x calendar component

  •    Javascript

This project is not only a vue component, but also a webpack multi-page project in action. Inspired by vue-strap datepicker component.

vue-typer - Vue component that simulates a user typing, selecting, and erasing text.

  •    Vue

Vue component that simulates a user typing, selecting, and erasing text. Play with vue-typer in this interactive demo. VueTyper has a single dependency to lodash.split to support emojis and other multi-codepoint Unicode characters. Apart from this, VueTyper does not have any direct dependencies to any other library or framework -- not even to Vue itself! All required Vue API calls are made through Vue's this.$* context methods. This means VueTyper can only execute within a Vue application context, but in exchange, it does not need to pull in Vue, which keeps VueTyper lightweight.

vue-hotel-datepicker - Vue date range picker component

  •    Vue

A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localisation support and more. The date format string.

ion.rangeSlider - jQuery only range slider

  •    Javascript

Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options. Or use the included PSD file and design a custom skin.

vue-datasource - A vue.js component to create dynamic tables

  •    Javascript

[WIP] Vue Datasource go back renew. Coming soon V3. A Vue.js component to create dynamic tables. Compatible with Vue 2.x and Laravel.

vue-medium-editor - ✍️ A MediumEditor component for Vue 2. Demo:

  •    Javascript

A medium-editor component for Vue2. For Vue1 checkout branch 1.0. A list of available options can be found in the documentation of MediumEditor. Optionally you may use the standalone builds from dist which have medium-editor.js included.