NumberSpinner

NumberSpinner

数字输入框。

引入

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

例子

默认示例

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

禁用

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

禁用键盘输入

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

自定义最小最大值

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

自定义递增值

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

自定义输入框宽度

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

自定义文本对齐方式

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

在 cell 中使用

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

API

Events