Vue.js 如何在vue滑块中设置没有最大值的范围

我正在使用

查看下面的链接示例，我认为只能设置min和max中的整数

<vue-slider
ref="slider"
v-model="value"
min="0"
max="100"

是的，你能做到

删除最小值和最大值，您将不需要它们

您需要使用的是：data属性，它可以接受一个值数组
（数字或字符串e.t.c）

一个小的实现是这样的

e、 十,


新Vue({
el:“#应用程序”，
数据：{
留言：'你好'，
v值：'30'，
数据：['30'，'45'，'1:00'，'1:30']
},
组成部分：{
VueSlider:window['vue-slider-component']
}
})

您也可以在这里查看一个工作示例
如果希望以秒为单位显示vue滑块值，可以使用格式化程序：

  <vue-slider
    ref="slider"
    v-model="value"
    v-bind="options"
    :min="15"
    :max="360"
    :interval= "1"
    :tooltip="'always'"
    :tooltip-formatter="Tformatter"
  >
  </vue-slider>

下面是您的示例：

  <vue-slider
    ref="slider"
    v-model="value"
    v-bind="options"
    :min="15"
    :max="360"
    :interval= "1"
    :tooltip="'always'"
    :tooltip-formatter="Tformatter"
  >
  </vue-slider>

new Vue( {
  el: '#app',
  data () {
    return {
      value: 15,
      Tformatter: val => {
        let min = Math.floor(val/60);
        let sec = val%60 > 9 ? val%60 : "0"+val%60;
        return min+':'+sec;
      }
    }
  },