drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

InputNumber support null values

Browse source
This commit is contained in:
huanghong 2018-03-16 13:59:59 +08:00
parent 14b7409b78
commit 10d29acb97
2 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
examples/routers/input-number.vue
View file

@ -43,6 +43,11 @@
<div>
<InputNumber :max="1000000000" :min="1" v-model="value1" :formatter="formatter" :parser="parser" @on-change="change" style="width: 200px"></InputNumber>
<InputNumber :max="1000000000" :min="1" v-model="value2" :formatter="formatter2" :parser="parser2" @on-change="change" style="width: 200px"></InputNumber>
<InputNumber @on-change="change" style="width: 200px"></InputNumber>
<InputNumber v-model="valueNull" @on-change="change" style="width: 200px"></InputNumber>
<InputNumber v-model="valueNull" @on-change="change" :formatter="formatter" :parser="parser" style="width: 200px"></InputNumber>
</div>
</template>
<script>
@ -51,6 +56,7 @@
return {
value1: 1800000,
value2: 55,
valueNull:null,
formatter: (value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ','),
parser: (value) => value.replace(/\$\s?|(,*)/g, ''),
formatter2: (value) => `${value}%`,