vue滑块组件_vue1.x和vue2.x的Vue滑块组件

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滑块组件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值