vxe-input千分位

vxe-input是一个基于Vue.js开发的输入框组件。千分位是指数字中每三位加一个逗号，用于分隔数字的位数，从而方便阅读。在vxe-input组件中，可以通过设置`formatter`属性为`thousands`来实现千分位格式化。此外，还可以设置`digits`属性来控制小数点位数，以及`min`和`max`属性来限制输入范围。

相关问题

vxe-table中vxe-input

vxe-table是一个基于Vue.js的PC端表格组件，它支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、弹窗、自定义模板、渲染器等功能。vxe-table中的vxe-input是用于表格编辑的输入框组件。

在给vxe-table的列配置项中，使用vxe-column组件可以定义表格的列，并通过edit-render属性来自定义列的编辑渲染。在edit-render属性中，通过template标签可以定义自定义的表单元素，比如vxe-input。在这个例子中，vxe-column中定义了两个列，分别是字段名称和字段编码，它们的编辑渲染都是通过vxe-input来实现的。

在getPinyin(row)方法中，通过js-pinyin库将字段名称转换为首拼解析，并将解析结果赋值给字段编码。

vxe-table千分位和保留两位小数

以下是使用vxe-table插件实现千分位和保留两位小数的方法：

1. 在表格列的formatter属性中使用vxe-utils库的formatNumber函数实现千分位和保留两位小数的格式化：

{
  title: '金额',
  key: 'amount',
  formatter: ({ cellValue }) => VXETable.formats.formatNumber(cellValue, { useGrouping: true, minimumFractionDigits: 2 })
}

2. 在表格列的editRender属性中使用vxe-utils库的formatNumber函数实现编辑时的千分位和保留两位小数的格式化：

{
  title: '金额',
  key: 'amount',
  editRender: {
    name: 'input',
    renderEdit: ({ row, column }) => {
      const num = row[column.property].toString().split('.')
      return [
        <input
          type="text"
          value={num[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',') + (num[1] ? '.' + num[1] : '')}
          onInput={e => {
            const val = e.target.value.replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')
            row[column.property] = val ? parseFloat(val.replace(/,/g, '')) : null
          }}
        />
      ]
    }
  }
}