el-input 金额格式化

el-input 是 Element UI 中的一个输入框组件，用于获取用户输入的内容。如何对金额进行格式化是一个常见的需求。

对于 el-input 金额的格式化，可以使用 JavaScript 的内置方法来实现。例如，可以使用 toLocaleString 方法对输入的金额进行格式化，使其按照千位分隔符进行展示。具体的实现步骤如下：

1. 在 el-input 组件中绑定一个 v-model，用于获取用户输入的金额值。

2. 创建一个方法，例如 formatMoney，用于对金额进行格式化。

3. 在 formatMoney 方法中，使用 toLocaleString 方法对金额进行格式化。将用户输入的金额转换为数字类型，然后调用 toLocaleString 方法，传入 "en-US" 作为参数，即可将金额格式化为千位分隔符格式。

4. 在 el-input 组件中使用 @input 事件，将用户输入的金额进行处理，调用 formatMoney 方法，并将格式化后的金额值赋给 v-model 绑定的值。

下面是一个示例代码：

<template>
  <el-input v-model="amount" @input="formatMoney"></el-input>
</template>

<script>
export default {
  data() {
    return {
      amount: ''
    }
  },
  methods: {
    formatMoney() {
      this.amount = Number(this.amount).toLocaleString("en-US");
    }
  }
}
</script>

以上是使用 toLocaleString 方法对金额进行格式化的基本实现。通过这种方法，用户在输入金额时，会实时将金额格式化为千位分隔符的形式展示。