<a-input class="input-center-met" v-model:value="form.name1">
<template #prefix>
<div class="flex items-center">
<div class="number-btn auto" @click="addAndSubtract('name1', 2, 100)">
<PubSvgIcon name="minus-icon" size="1rem" />100
</div>
<div class="number-btn auto ml-1" @click="addAndSubtract('name1', 2, 10)">
<PubSvgIcon name="minus-icon" size="1rem" />10
</div>
<div class="number-btn auto ml-1" @click="addAndSubtract('name1', 2, 1)">
<PubSvgIcon name="minus-icon" size="1rem" />1
</div>
</div>
</template>
<template #suffix>
<div class="flex items-center">
<div class="number-btn auto" @click="addAndSubtract('name1', 1, 1)">
<PubSvgIcon name="add-icon" size="1rem" />1
</div>
<div class="number-btn auto ml-1" @click="addAndSubtract('name1', 1, 10)">
<PubSvgIcon name="add-icon" size="1rem" />10
</div>
<div class="number-btn auto ml-1" @click="addAndSubtract('name1', 1, 100)">
<PubSvgIcon name="add-icon" size="1rem" />100
</div>
</div>
</template>
</a-input>
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
// 加减法(1加/2减)
function addAndSubtract(field: string, type: number, value: number = 1) {
const fieldValue = Number(form.value[field]);
if (type === 1) {
if (value === 0.1) {
form.value[field] = (fieldValue + value).toFixed(2);
} else {
form.value[field] = (fieldValue + value)
}
}
else {
if (value === 0.1) {
form.value[field] = (fieldValue - value).toFixed(2);
} else {
form.value[field] = (fieldValue - value)
}
}
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.