vue dividing rule

Componente de escala Vue

Instalar

npm install --save vue-dividing-rule

parámetro

Nombre del parámetro	tipo	Valor predeterminado	Valor opcional	ilustrar
mín.	Número	0		Valor mínimo opcional
máximo	Número	150		Valor máximo opcional
intervalo	Número	10		El intervalo entre cada intervalo grande.
color	Cadena	'#f00'		color del puntero
valor	Número	Valor mínimo pasado	Un valor entre los valores mínimo y máximo.	valor inicial

Ejemplo

Uso básico

 <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
    }
}

Pasar los parámetros de configuración

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