NumberSpinner

NumberSpinner

数字输入框。

引入

import { NumberSpinner } from 'we-vue'
Vue.use(NumberSpinner)

例子

默认示例

<wv-number-spinner v-model="number1"></wv-number-spinner>

禁用

<wv-number-spinner :disabled="true" v-model="number2"></wv-number-spinner>

禁用键盘输入

<wv-number-spinner :fillable="false" v-model="number3"></wv-number-spinner>

自定义最小最大值

<wv-number-spinner :min="1" :max="5" v-model="number4" @change="onChange"></wv-number-spinner>

自定义递增值

<wv-number-spinner :step="5" v-model="number5"></wv-number-spinner>

自定义输入框宽度

<wv-number-spinner input-width="6em" v-model="number6"></wv-number-spinner>

自定义文本对齐方式

<wv-number-spinner align="right" v-model="number7"></wv-number-spinner>

在 cell 中使用

<wv-group>
  <wv-cell title="label">
    <wv-number-spinner slot="ft" v-model="number1"></wv-number-spinner>
  </wv-cell>
</wv-group>

API

Events