vue dividing rule

مكون مقياس فيو

ثَبَّتَ

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>