<template>
  <el-slider @mouseenter="handleMouseEnter"
             @mouseleave="handleMouseLeave"
             @dblclick="handleDblClick(text)"
             @click="handleClick(text)"
             @change="handleChange(text)"
             v-model="text"
             :min="option.min"
             :max="option.max"
             :step="option.step"
             :disabled="option.disabled"
             :show-input="option.showInput"
             :range="option.range"
             :vertical="option.vertical"
             :height="option.height"
             :marks="option.marks" />
</template>

<script>
export default {
  name: 'slider',
  props: {
    option: {
      type: Object
    }
  },
  data () {
    return {
      text: ''
    }
  },
  methods: {
  }
}
</script> 