# 基本用法

<template>
  <ui-slider v-model="value" :min="min" :max="max" :step="step" :tooltip="tooltip">

  </ui-slider>
</template>

<script>
export default {
  data(){
    return {
      value:20,
      min:0,
      max:100,
      step:10
    }
  },
  computed:{
      tooltip(){
        return this.value+''
      }
  }
}
</script>

<style>

</style>