# ive-input-number

# 一、代码示例

# html

<template>
  <div>
    <ive-input-number
      v-model="value"
      :max="100"
      :min="80"
      :parseIntValue="true"
    />
  </div>
</template>
1
2
3
4
5
6
7
8
9
10

# js

export default {
  data() {
    return {
      value: '',
    }
  },
}
1
2
3
4
5
6
7

# 二、属性、事件及方法说明

# 属性(props)

属性 说明 类型 默认值
value 输入值 any null
max 可输入的最大值 Number ''
min 可输入的最小值 Number ''
placeholder 占位文本 String 请输入数字
parseIntValue 是否只可输入整数 Boolean false
step 控件上下键点击每次改变的幅度 Number 1
formatter 指定输入框展示值的格式 Function
parser 指定从 formatter 里转换回数字的方式,和 formatter 搭配使用 Function

# 事件(events)

事件名 说明 返回值
input 用户输入值 用户输入的值
Last Updated: 10/30/2019, 3:51:12 PM