el-input formatter

C知道：欢迎来到 C知道！关于 el-input 的 formatter，它是 Element UI 提供的一个输入框组件，用于格式化输入的内容。formatter 是一个函数，可以对用户输入的数据进行处理，并返回处理后的结果。

在使用 el-input 组件时，可以通过设置 formatter 属性来指定一个函数作为格式化函数。这个函数会在用户输入内容之后被调用，并将用户输入的值作为参数传入。在函数中，你可以根据需求对输入的值进行处理，例如添加千位分隔符、限制输入字符等。

下面是一个简单的示例代码，演示如何使用 formatter 函数对输入的数字添加千位分隔符：

<template>
  <div>
    <el-input v-model="inputValue" :formatter="formatNumber"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    formatNumber(value) {
      // 使用正则表达式添加千位分隔符
      return value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
    }
  }
}
</script>

在上面的代码中，我们定义了一个 formatNumber 方法作为 formatter 函数。该方法使用正则表达式将输入的数字添加千位分隔符后返回。然后将这个方法绑定到 el-input 组件的 formatter 属性上。

这样，在用户输入数字时，el-input 组件会自动调用 formatNumber 方法进行格式化。用户输入的值会传入 formatNumber 方法，经过处理后显示在输入框中。

希望这个示例能帮到你！如果还有其他问题，请继续提问。