el-input输入显示千分位

`el-input`是Element UI库中的一个组件，用于创建表单输入字段。如果你想在`el-input`中显示数值的千分位分隔符，可以使用自定义验证和格式化函数。

首先，在Vue组件中引入`element-ui`并使用`el-input`：

<template>
  <el-input v-model.number="value" placeholder="请输入数字" :formatter="formatNumber" @input="updateValue"></el-input>
</template>

<script>
import { defineComponent, ref } from 'vue';
import { ElInput } from 'element-plus';

export default defineComponent({
  components: {
    ElInput
  },
  setup() {
    const value = ref(0); // 数值变量
    const formatNumber = (val) => Number(val).toLocaleString('zh-CN', { style: 'currency', currency: 'CNY' }); // 格式化函数

    // 更新原始值处理函数
    const updateValue = (e) => {
      value.value = e.target.value;
    };

    return {
      value,
      formatNumber
    };
  }
});
</script>

在这个例子中，`:formatter`属性用于设置输入框的格式化函数，`Number(val).toLocaleString()`会将数值转换为字符串，并添加中国的人民币样式千分位分割符。