StackGenVis/frontend/node_modules/vue-slider-component/src/pages/Api/Methods.md

Methods

getValue()

• Return:

  • {number | string | number[] | string[]} value Slider value

• Usage：

  Get the value of the component.

  In general, the returned value is equal to the value of prop.

  Only when lazy = true and in the drag state, it is possible to be not equal.

  <vue-slider ref="slider"/>
  
  this.$refs.slider.getValue()
  

getIndex()

• Return:

  • {number | number[]} index Slider index

• Usage：

  Get the index of the component.

  In general, returned index is equal to (value - min) / interval.

  When data is set, returned index is the index to the data.

  <vue-slider ref="slider"/>
  
  this.$refs.slider.getIndex()
  

setValue(value)

• Arguments:

  • {number | string | number[] | string[]} value Slider value

• Usage：

  Set the value of the component.

  <vue-slider ref="slider"/>
  
  this.$refs.slider.setValue(100)
  

setIndex(index)

• Arguments:

  • {number | number[]} index Slider index

• Usage：

  Set the index of the component.

  <vue-slider ref="slider"/>
  
  this.$refs.slider.setIndex(10)
  

focus([index])

• Arguments:

  • {number} index Slider index

• Usage：

  get focus.

  <vue-slider
    ref="slider"
    v-model="value"
    :use-keyboard="true"
  />
  
  this.$refs.slider.focus()
  

blur()

• Usage：

  remove focus.

  <vue-slider
    ref="slider"
    v-model="value"
    :use-keyboard="true"
  />
  
  this.$refs.slider.blur()