Range

范围滑块, 支持v-model

基本使用

{
    data(){
        return {
            value1: 50,
            value2: 10,
            value3: 0}
    },
}
    <a-cell>
        <a-range v-model="value1"/>
        <a-tag type="primary" slot="extra">当前: {{value1}}</a-tag>
    </a-cell>

    <a-cell>
        <a-range v-model="value2" :min="10" :max="20"/>
        <a-tag type="primary" slot="extra">当前: {{value2}}</a-tag>
    </a-cell>

    <a-cell>
        <a-range v-model="value3" :min="0" :max="50" :step="2"/>
        <a-tag type="primary" slot="extra">当前: {{value3}}</v-tag>
    </a-cell>

API

props
参数说明类型默认值可选值是否必选
value当前值String / Number--
min最小值String / Number0-
max最小值String / Number100-
events
名称说明参数参数类型
input返回当前值当前选中值String / Number
中国移动
19:01:30
86%