添加inputNumber组件placeholder的示例代码

This commit is contained in:
xiaofengsha 2018-04-17 21:39:16 +08:00
parent ff3d2a2e38
commit 0100133266

View file

@ -50,6 +50,8 @@
<InputNumber v-model="valueNull" @on-change="change" :formatter="formatter" :parser="parser" 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="value2" @on-focus="focus" style="width: 200px"></InputNumber>
<InputNumber v-model="value3" style="width: 200px" placeholder="Enter something..."></InputNumber>
</div> </div>
</template> </template>
<script> <script>
@ -58,6 +60,7 @@
return { return {
value1: 1800000, value1: 1800000,
value2: 55, value2: 55,
value3: 100,
valueNull:null, valueNull:null,
formatter: (value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ','), formatter: (value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ','),
parser: (value) => value.replace(/\$\s?|(,*)/g, ''), parser: (value) => value.replace(/\$\s?|(,*)/g, ''),