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>