vue dividing rule

Composant d'échelle de vue

Installer

npm install --save vue-dividing-rule

paramètre

Nom du paramètre	taper	Valeur par défaut	Valeur facultative	illustrer
min	Nombre	0		Valeur minimale facultative
maximum	Nombre	150		Valeur maximale facultative
intervalle	Nombre	10		L'intervalle entre chaque grand intervalle
couleur	Chaîne	'#f00'		couleur du pointeur
valeur	Nombre	Valeur minimale transmise	Une valeur comprise entre les valeurs minimale et maximale	valeur initiale

Exemple

Utilisation de base

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

Transmettre les paramètres de configuration

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