vue滑块组件
Vue-Slider-Component (vue-slider-component)
Can use the slider in vue1.x and vue2.x.
可以在vue1.x和vue2.x中使用滑块。
更新资料 (Update)
Remove class-name & styles (can use vue native props [style, class]) Remove val prop, use v-model set value (Don't need to manually two-way binding) Optimize the click range No longer update vue1.x, but still can be normal use Add lazy prop Support array setIndex method parameters Support ie 9+ Add props *-style for the custom style Add formatter prop Add clickable prop tooltipDir and sliderStyle and tooltipStyle prop support type: Array Add real-time prop for real-time computing the layout of the components Add labels of piecewise, and the style of the corresponding Add Tooltip slot (#Scoped-Slots only vue 2.1.0+)
删除类名和样式(可以使用vue原生道具[style,class])删除val道具,使用v-model设置值(无需手动双向绑定)优化单击范围不再更新vue1.x ,但仍然可以正常使用添加懒惰道具支持数组setIndex方法参数支持9+添加道具*-自定义样式的样式添加格式化道具支持添加可点击道具tooltipDir和sliderStyle和tooltipStyle道具支持类型:数组为以下项目添加实时道具实时计算组件的布局逐段添加标签,以及相应的“添加工具提示”插槽的样式(仅#Scoped-Slots vue 2.1.0+)
现场演示 (Live Demo)
https://nightcatsama.github.io/vue-slider-component/example/#QuickStart
https://nightcatsama.github.io/vue-slider-component/example/#QuickStart
翻译自: https://vuejsexamples.com/vue-slider-component-for-vue1-x-and-vue2-x/
vue滑块组件