vue dividing rule

Компонент масштабирования Vue

Установить

npm install --save vue-dividing-rule

параметр

Имя параметра	тип	Значение по умолчанию	Необязательное значение	иллюстрировать
мин	Число	0		Дополнительное минимальное значение
Макс	Число	150		Дополнительное максимальное значение
интервал	Число	10		Интервал между каждым большим интервалом
цвет	Нить	'#f00'		цвет указателя
ценить	Число	Минимальное значение, переданное в	Значение между минимальным и максимальным значениями	начальная стоимость

Пример

Основное использование

 <template>
...
    <vue-dividing-rule v-model="value"></vue-dividing-rule>
...
</template>
<script>
import VueDividingRule from 'vue-dividing-rule'
export default {
    data() {
        return {
            value: 20
        }
    },
    components: {
        VueDividingRule
    }
}

Передача параметров конфигурации

 <vue-dividing-rule
    v-model="value"
    :min="50"
    :max="120"
    :interval="5"
    color="blue"
    ></vue-dividing-rule>