Commit 74999a6421e4159ab503211bb8027b277a95f541
Committed by
GitHub
Merge pull request #3424 from xiaofengsha/pr005
inputNumber组件添加placeholder属性
Showing
2 changed files
with
10 additions
and
2 deletions
Show diff stats
examples/routers/input-number.vue
... | ... | @@ -50,6 +50,8 @@ |
50 | 50 | <InputNumber v-model="valueNull" @on-change="change" :formatter="formatter" :parser="parser" style="width: 200px"></InputNumber> |
51 | 51 | |
52 | 52 | <InputNumber v-model="value2" @on-focus="focus" style="width: 200px"></InputNumber> |
53 | + | |
54 | + <InputNumber v-model="value3" style="width: 200px" placeholder="Enter something..."></InputNumber> | |
53 | 55 | </div> |
54 | 56 | </template> |
55 | 57 | <script> |
... | ... | @@ -58,6 +60,7 @@ |
58 | 60 | return { |
59 | 61 | value1: 1800000, |
60 | 62 | value2: 55, |
63 | + value3: 100, | |
61 | 64 | valueNull:null, |
62 | 65 | formatter: (value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ','), |
63 | 66 | parser: (value) => value.replace(/\$\s?|(,*)/g, ''), | ... | ... |
src/components/input-number/input-number.vue
... | ... | @@ -30,7 +30,8 @@ |
30 | 30 | @change="change" |
31 | 31 | :readonly="readonly || !editable" |
32 | 32 | :name="name" |
33 | - :value="formatterValue"> | |
33 | + :value="formatterValue" | |
34 | + :placeholder="placeholder"> | |
34 | 35 | </div> |
35 | 36 | </div> |
36 | 37 | </template> |
... | ... | @@ -120,7 +121,11 @@ |
120 | 121 | }, |
121 | 122 | parser: { |
122 | 123 | type: Function |
123 | - } | |
124 | + }, | |
125 | + placeholder: { | |
126 | + type: String, | |
127 | + default: '' | |
128 | + }, | |
124 | 129 | }, |
125 | 130 | data () { |
126 | 131 | return { | ... | ... |