当我从表中提取最大值和最小值时，如何在 vue 2.0 的 <v-slider> 中动态设置最大值和最小值答案

【问题标题】：How can I set max and min dynamically in <v-slider> in vue 2.0 when i am extracting max and min from a table当我从表中提取最大值和最小值时，如何在 vue 2.0 的 <v-slider> 中动态设置最大值和最小值
【发布时间】：2020-03-07 18:34:38
【问题描述】：

代码：也请帮助我如何在此处执行 5 步

<v-slider v-model="list1" :min="1" :max="1000">
                            </v-slider>
    data () {
            return {"list1": [0,1] //list 1 will have all the range of data selected.
    }
    }

    created()
    {
    //method call to extract the table data where i calculate max and min in table too
    }

【问题讨论】：

标签： javascript vue.js vuejs2 vuetify.js v-slider

【解决方案1】：

<v-slider v-model="list1" :min="minValue" :max="maxValue">
                            </v-slider>
    data () {
            return {
             list1: [0,1], //list 1 will have all the range of data selected.
             minValue: 1,
             maxValue: 1000
          }
    }

    created()
    {
      //method call to extract the table data where i calculate max and min in table too
      this.minValue = <calculated minimum value>
      this.maxValue = <calculated maximum value>
    }

【讨论】：

不起作用！ vue-slider-component.umd.min.js?4971:6 [VueSlider错误]：prop“interval”无效，“(max - min)”不能被“interval”整除
我认为由于我的 v-model 是针对 list1 的，因此它让滑块仅包含这些值。对不起，一个新手，所以没有太多的想法
只检查list1中的值是否在minValue和maxValue的范围内

【解决方案2】：

dynamically 设置max 时，应确保最大值中的小数位数与interval 匹配。例如：

{min: 0, max: 100.5, interval: 0.1}

or 

{min: 0, max: 100.55, interval: 0.01}

这样，就可以使用区间从min到max。

【讨论】：