el-input 如何使用 formatter

el-input 是一个基于 Element UI 的输入框组件，它提供了 formatter 属性用于格式化输入框的值。formatter 是一个函数，用于在用户输入或者获取输入框的值时对其进行格式化处理。以下是 el-input 如何使用 formatter 的示例代码：

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

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    formatter(value) {
      // 在这里编写你的格式化逻辑，例如将所有小写字母转为大写字母
      return value.toUpperCase();
    }
  }
};
</script>

在上面的示例代码中，我们在 el-input 组件上使用了 formatter 属性，并且将 inputValue 绑定到了输入框的 v-model 上。在 methods 中定义了一个名为 formatter 的方法，用于将输入框的值转换成大写字母。当用户在输入框中输入小写字母时，会自动将其转换为大写字母。需要注意的是，formatter 方法接收一个参数 value，表示输入框的值，需要在方法内部返回一个格式化后的值。