This commit is contained in:
huanghong 2018-08-28 12:06:18 +08:00
parent c020a58d9e
commit 7adf94a291
2 changed files with 30 additions and 12 deletions

View file

@ -54,8 +54,20 @@
<InputNumber v-model="value3" style="width: 200px" placeholder="Enter something..."></InputNumber> --> <InputNumber v-model="value3" style="width: 200px" placeholder="Enter something..."></InputNumber> -->
<InputNumber v-model="valueNull" style="width: 200px" :min='-1000' :max='10000' :precision='2' ></InputNumber> <InputNumber v-model="valueNull" style="width: 200px" :min='1' :max='10000' :precision='2' ></InputNumber>
<InputNumber v-model="valueNull" style="width: 200px" ></InputNumber> <InputNumber v-model="valueNull" style="width: 200px" ></InputNumber>
<div style="margin:10px 0px">
<InputNumber
:max="10000"
v-model="value9"
:formatter="value => `$ ${value}`.replace(/B(?=(d{3})+(?!d))/g, ',')"
:parser="value => value.replace(/\$s?|(,*)/g, '')"></InputNumber>
<InputNumber
:max="100"
v-model="value10"
:formatter="value => `${value}%`"
:parser="value => value.replace('%', '')"></InputNumber>
</div>
</div> </div>
</template> </template>
<script> <script>
@ -69,16 +81,18 @@
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, ''),
formatter2: (value) => `${value}%`, formatter2: (value) => `${value}%`,
parser2: (value) => value.replace('%', '') parser2: (value) => value.replace('%', ''),
} value9: 1000,
value10: 100
};
}, },
methods: { methods: {
focus (e) { focus (e) {
e.target.select() e.target.select();
}, },
change (v) { change (v) {
console.log(v) console.log(v);
} }
} }
} };
</script> </script>

View file

@ -250,13 +250,16 @@
setValue (val) { setValue (val) {
// step precision // step precision
if (val && !isNaN(this.precision)) val = Number(Number(val).toFixed(this.precision)); if (val && !isNaN(this.precision)) val = Number(Number(val).toFixed(this.precision));
const {min, max} = this; const {min, max} = this;
if (val > max) { if (val!==null) {
val = max; if (val > max) {
} else if (val < min) { val = max;
val = min; } else if (val < min) {
} val = min;
}
}
this.$nextTick(() => { this.$nextTick(() => {
this.currentValue = val; this.currentValue = val;
this.$emit('input', val); this.$emit('input', val);
@ -282,6 +285,7 @@
} }
}, },
change (event) { change (event) {
if (event.type == 'input') return; if (event.type == 'input') return;
let val = event.target.value.trim(); let val = event.target.value.trim();
if (this.parser) { if (this.parser) {