A Simple Vue Slider Bar Component. Docs Document & Demo Page Install npm install vue-slide-bar --save or yarn add vue-slide-bar Usage // main.jsimportVuefrom'vue'importVueSlideBarfrom'vue-slide-bar'Vue.component('VueSlideBar',VueSlideBar) ...
vue-slide-bar是一个简单的Vue滑块条组件,可用于创建交互式滑动条,使用户能够通过拖动滑块来选择数值范围。该组件易于集成到Vue.js项目中,并且具有可自定义的样式和功能,使开发者能够根据项目需求进行定制。用户可以通过滑动滑块来调整数值,实时反馈当前数值,从而提升用户体验。vue-slide-bar组件的简洁设计和易用性使...
vue-infinite-slide-bar 是一个无限滑动条组件,它不依赖于任何第三方库,非常轻量级,只有 1.48 KB。该组件可以在 Vue 项目中使用,提供了无限滑动的功能,使用户能够在长列表或大数据集中轻松浏览内容。它支持水平和垂直滑动,用户可以通过触摸或鼠标操作来滚动内容。除此
1contributor executable file11 lines (11 sloc)208 Bytes RawBlame Copy raw contentsCopy raw contentsCopy raw contents <!DOCTYPE html> vue-slide-bar Copy lines Copy permalink
Latest version: 3.14.0, last published: a year ago. Start using @opentiny/vue-slide-bar in your project by running `npm i @opentiny/vue-slide-bar`. There is 1 other project in the npm registry using @opentiny/vue-slide-bar.
vue-slide-bar是一个简单的Vue滑块组件,可以用于选择范围,可以添加标签和自定义样式,支持预定义的最小和最大值。 vue-slide-bar的特点包括: 简单易用,可以用于选择范围。 可以添加标签和自定义样式。 支持预定义的最小和最大值。 支持动态加载。 使用方法 安装 如果您想使用vue-slide-bar滑块插件,首先您需要安装...
importInfiniteSlideBarfrom'vue-infinite-slide-bar'exportdefault{components:{InfiniteSlideBar}} JavaScript ? Example <infinite-slide-bar:barStyle="{background:'#42b883',padding:'5px 0'}">Helo World, I love Vue Infinite Slide Bar</infinite-slide-bar> HTML ⚙️ Props ? Contributing Fork...
npm install --save vue-infinite-slide-bar or yarn add vue-infinite-slide-bar 🕹 Usage importVuefrom'vue'importInfiniteSlideBarfrom'vue-infinite-slide-bar'Vue.component('InfiniteSlideBar',InfiniteSlideBar) or importInfiniteSlideBarfrom'vue-infinite-slide-bar'exportdefault{components:{InfiniteSlideBar}}...
Merge branch 'master' of https://github.com/biigpongsatorn/vue-slide-bar biigpongsatorncommittedNov 11, 2018 c09cf42 publish 1.1.8 biigpongsatorncommittedNov 11, 2018 797cfd9 add prepublish script biigpongsatorncommittedNov 11, 2018 ede097d Commits on Nov 9, 2018 delete .postcssrc...
import VueSlideBar from 'vue-slide-bar'; export default { name: 'Slider', mounted() { this.$watch( () => { return this.$refs.slider.currentValue; }, (val) => { console.log(val); } ); }, render() { return ( <VueSlideBar ref="slider" /> Text to preview that will change...