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,6 +50,8 @@ | ||
| 50 | <InputNumber v-model="valueNull" @on-change="change" :formatter="formatter" :parser="parser" style="width: 200px"></InputNumber> | 50 | <InputNumber v-model="valueNull" @on-change="change" :formatter="formatter" :parser="parser" style="width: 200px"></InputNumber> |
| 51 | 51 | ||
| 52 | <InputNumber v-model="value2" @on-focus="focus" style="width: 200px"></InputNumber> | 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 | </div> | 55 | </div> |
| 54 | </template> | 56 | </template> |
| 55 | <script> | 57 | <script> |
| @@ -58,6 +60,7 @@ | @@ -58,6 +60,7 @@ | ||
| 58 | return { | 60 | return { |
| 59 | value1: 1800000, | 61 | value1: 1800000, |
| 60 | value2: 55, | 62 | value2: 55, |
| 63 | + value3: 100, | ||
| 61 | valueNull:null, | 64 | valueNull:null, |
| 62 | formatter: (value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ','), | 65 | formatter: (value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ','), |
| 63 | parser: (value) => value.replace(/\$\s?|(,*)/g, ''), | 66 | parser: (value) => value.replace(/\$\s?|(,*)/g, ''), |
src/components/input-number/input-number.vue
| @@ -30,7 +30,8 @@ | @@ -30,7 +30,8 @@ | ||
| 30 | @change="change" | 30 | @change="change" |
| 31 | :readonly="readonly || !editable" | 31 | :readonly="readonly || !editable" |
| 32 | :name="name" | 32 | :name="name" |
| 33 | - :value="formatterValue"> | 33 | + :value="formatterValue" |
| 34 | + :placeholder="placeholder"> | ||
| 34 | </div> | 35 | </div> |
| 35 | </div> | 36 | </div> |
| 36 | </template> | 37 | </template> |
| @@ -120,7 +121,11 @@ | @@ -120,7 +121,11 @@ | ||
| 120 | }, | 121 | }, |
| 121 | parser: { | 122 | parser: { |
| 122 | type: Function | 123 | type: Function |
| 123 | - } | 124 | + }, |
| 125 | + placeholder: { | ||
| 126 | + type: String, | ||
| 127 | + default: '' | ||
| 128 | + }, | ||
| 124 | }, | 129 | }, |
| 125 | data () { | 130 | data () { |
| 126 | return { | 131 | return { |