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>