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

InputNumber add prop controls-outside

Browse source
This commit is contained in:
梁灏 2021-01-15 15:42:38 +08:00
parent b8f4f2a4a3
commit 27adf364c0
3 changed files with 105 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -43,17 +43,17 @@
<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>
<InputNumber v-model="value2" @on-focus="focus" style="width: 200px"></InputNumber>
<InputNumber v-model="value3" style="width: 200px" placeholder="Enter something..."></InputNumber> -->
<InputNumber v-model="valueNull" style="width: 200px" :min='1' :max='10000' :precision='2' ></InputNumber>
<InputNumber v-model="valueNull" style="width: 200px" ></InputNumber>
<div style="margin:10px 0px">
@ -72,6 +72,11 @@
:formatter="value => `${value}%`"
:parser="value => value.replace('%', '')"></InputNumber>
</div>
<Divider></Divider>
<InputNumber disabled size="large" controls-outside :max="1000" :min="1" v-model="value20"></InputNumber>
<InputNumber size="default" controls-outside :max="1000" :min="1" v-model="value20"></InputNumber>
<InputNumber size="small" controls-outside :max="1000" :min="1" v-model="value20"></InputNumber>
</div>
</template>
<script>
@ -87,7 +92,8 @@
formatter2: (value) => `${value}%`,
parser2: (value) => value.replace('%', ''),
value9: 1000,
value10: 100
value10: 100,
value20: 2
};
},
methods: {