vant/docs/examples-docs/quantity.md
2017-03-21 20:50:34 +08:00

1.4 KiB
Raw Blame History

Quantity

基础用法

:::demo 基础用法

<zan-quantity v-model="quantity1"></zan-quantity>
<p class="curr-quantity">当前值:{{ quantity1 }}</p>

:::

禁用Quantity

:::demo 禁用Quantity

<zan-quantity v-model="quantity1" disabled></zan-quantity>

:::

高级用法

默认是每次加减为1可以对组件设置stepminmaxdefaultValue属性。

:::demo 高级用法

<zan-quantity v-model="quantity2" min="5" max="40" step="2" default-value="9"></zan-quantity>
<p class="curr-quantity">当前值:{{ quantity2 }}</p>

:::

API

参数 说明 类型 默认值 可选值
min 最小值 string, number 1
max 最大值 string, number
step 步数 string, number 1
disabled 是否被禁用了 boolean false
defaultValue 默认值 string, number 1