pzvue-inputnumber

vue-inputnumber

install

npm install pzvue-inputnumber

Demo

http://vue.zuoyan.space/#/component/inputnumber

Quick Start

import pzinputnumber from 'pzvue-inputnumber'

in component

components: {
    pzinputnumber
}

in template

<h2 class="title">普通</h2>
<h2 class="title">普通</h2>
<pzinputnumber :max="10"></pzinputnumber> max:10<br><br/>
<pzinputnumber :max="10" :min="-10" :step="0.2"></pzinputnumber> max:10, min:-10,step:0.2
<h2 class="title">尺寸</h2>
<pzinputnumber :max="10" size="larger"></pzinputnumber> max:10<br><br/>
<pzinputnumber :max="10" :min="-10" :step="0.2" size="larger"></pzinputnumber> max:10, min:-10,step:0.2
<h2 class="title">禁用</h2>
<pzinputnumber :max="10" :disabled="true"></pzinputnumber> max:10<br><br/>
<pzinputnumber :max="10" :min="-10" :step="0.2" :disabled="true"></pzinputnumber> max:10, min:-10,step:0.2

Attribute

参数	说明	类型	可选值	默认值
size		string	larger
disabled	禁用	boolean	true, false	false
value	当前值	number		1
min	最小值	number		1
max	当大值	number		1
step	步长	number		1

Event

事件名	说明	原型
onchange	值变化时触发，返回当前的值	function(value){}