<!-- 数字格式,保留一位小数,四舍五入 -->
<vxe-input
v-model="row[column.field]"
:readonly="isEdit"
@blur=" ({ value, $event }) => changeNumber(value, row,column.field) " />
// 四舍五入 保留一位小数
changeNumber(val, row, field) {
const numberValue = val ? Number(val).toFixed(1) : "";
if (numberValue < 0) {
this.$message.warning("不可输入负数");
this.$set(row, field, "");
} else {
this.$set(row, field, numberValue);
}
},
```this.$set()的作用 向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新,如果不使用$set(),数据不能响应到页面上
vxe表格 限制输入框数据格式
于 2023-07-31 23:58:59 首次发布