vue dividing rule

Vue-Skalenkomponente

Installieren

npm install --save vue-dividing-rule

Parameter

Parametername	Typ	Standardwert	Optionaler Wert	veranschaulichen
min	Nummer	0		Optionaler Mindestwert
max	Nummer	150		Optionaler Maximalwert
Intervall	Nummer	10		Das Intervall zwischen den einzelnen großen Intervallen
Farbe	Zeichenfolge	'#f00'		Zeigerfarbe
Wert	Nummer	Minimaler übergebener Wert	Ein Wert zwischen dem Minimal- und Maximalwert	Anfangswert

Beispiel

Grundlegende Verwendung

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

Übergeben Sie Konfigurationsparameter

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