Mint UI 滑塊-Range

滑塊，支持自定義步長、區(qū)間等。

引入

import { Range } from 'mint-ui';

Vue.component(Range.name, Range);

例子

將一個本地變量與 ?range? 的 ?value? 屬性同步即可實(shí)現(xiàn)雙向綁定

<mt-range v-model="rangeValue"></mt-range>

更多的配置項(xiàng)

<mt-range
  v-model="rangeValue"
  :min="10"
  :max="90"
  :step="10"
  :bar-height="5">
</mt-range>

可在滑塊兩側(cè)顯示文字

<mt-range v-model="rangeValue">
  <div slot="start">0</div>
  <div slot="end">100</div>
</mt-range>

API

Slot