vxe-table 激活编辑时，只能输入数字，失去激活时进行格式化处理。

最新推荐文章于 2024-07-31 09:38:11 发布

Y、seventeen

最新推荐文章于 2024-07-31 09:38:11 发布

阅读量2k

点赞数

分类专栏： vxe-table 文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_43303420/article/details/122575636

版权

vxe-table 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

tableColumn: [
        { type: 'seq', title: "序号", width: 50 },
        { field: "skuName", title: "商品名", slots: { default: "img1_default" } },
        { field: "customerProductAlias", title: "客户商品别名", showOverflow: "tooltip" },
        { field: "skuUnit", title: "下单单位" },
        {
          field: "quantity",
          title: "下单数量",
          editRender: {
            name: '$input',
            placeholder: '请输入数量',
            immediate: true,
            enabled: true,
            props: {
              type: 'float', digits: 2, min: 0, controls: false
            },
            events: { blur: this.quantityBlurEve }
          },
          formatter: this.formatterUnit
        },
]

vxe-table 激活编辑时，只能输入数字：的关键代码：

editRender: {
            name: '$input',
            placeholder: '请输入数量',
            immediate: true,
            enabled: true,
            // 关键
            props: {
              type: 'float', digits: 2, min: 0, controls: false
            },
          },

失去编辑时进行一个格式化处理：

formatter: this.formatterUnit

formatterUnit({ cellValue, row }) {
      if (row.shippedUnit === row.skuUnit) row.converQuantity = row.quantity
      else row.converQuantity = Number(cellValue) * row.unitConversion
      return this.handleDoubleUnit(Number(cellValue), row.shippedUnit, row.skuUnit, row.unitConversion)
    },