element ui 金额格式化

Element UI 是一种基于 Vue.js 的前端框架，它提供了大量的组件和工具，用于构建用户界面。在 Element UI 中，可以使用金额格式化功能来对数字进行格式化显示。

Element UI 提供了一个名为 `el-input-number` 的组件，可以用于输入和展示数字。该组件有一个属性 `format-tooltip`，可以用于定义格式化数字的方式。

例如，我们可以通过将 `format-tooltip` 设置为 `function` 的方式来自定义数字的格式。我们可以创建一个函数，该函数接受一个数字作为参数，并返回格式化后的字符串。

假设我们想要将数字以货币格式进行显示，可以使用 JavaScript 内置的 `toLocaleString` 方法来实现。我们可以编写以下代码：

<el-input-number :format-tooltip="formatCurrency"></el-input-number>

...

methods: {
  formatCurrency(value) {
    return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
  }
}

在上面的代码中，我们将 `formatCurrency` 方法绑定到 `format-tooltip`，当用户输入数字或者移动鼠标时，都会调用该方法来对数字进行格式化。

通过上述方法，我们可以实现 Element UI 中的金额格式化功能。除了使用 `toLocaleString` 方法，也可以使用其他 JavaScript 库或者自定义函数来实现不同的格式化效果。