Vue3滑动输入条（Slider）

Vue2滑动输入条（Slider）

可自定义设置以下属性：

• 滑动输入条的宽度（width），类型：string|number，默认 '100%'

• 滑动输入条最小值（min），类型：number，默认 0

• 滑动输入条最大值（max），类型：number，默认 100

• 是否禁用（disabled），类型：boolean，默认 false

• 是否双滑块模式（range），类型：boolean，默认 false

• 设置当前取值，当 range 为 false 时，使用 number，否则用 [number, number]（v-model: value），类型：number|number[]，默认 0

效果如下图：

 ①创建滑动输入条组件Slider.vue：

②在要使用的页面引入：