update
This commit is contained in:
parent
c020a58d9e
commit
7adf94a291
2 changed files with 30 additions and 12 deletions
|
@ -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>
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
Loading…
Add table
Reference in a new issue