vue 使用bigNumber.js解决字符串20位id转化为精准数字类型

在 Vue 中使用 BigNumber.js 可以通过以下步骤实现：

1. 安装 BigNumber.js 库

可以使用 npm 或 yarn 安装 BigNumber.js 库：

npm install bignumber.js --save

或者

yarn add bignumber.js

2. 引入 BigNumber.js 库

在需要使用 BigNumber.js 的组件中，通过以下代码引入 BigNumber.js 库：

import BigNumber from 'bignumber.js'

3. 将字符串转换为 BigNumber 对象

在 Vue 中，可以通过 computed 或者 watch 等方式将字符串转换为 BigNumber 对象。例如，以下代码将 `idStr` 转换为 `id`：

computed: {
  id: function () {
    return new BigNumber(this.idStr)
  }
}

4. 在模板中使用 BigNumber 对象

通过上面的步骤，现在 `id` 已经是一个 BigNumber 对象了，您可以在模板中直接使用它。例如：

<p> ID: {{ id.toFixed() }} </p>

上面的代码将会在页面中显示 `ID: 20000000000000000000`，其中 `idStr` 是一个字符串类型的 20 位 ID，而 `id` 是一个 BigNumber 对象，可以通过 `toFixed()` 方法将其输出为固定精度的字符串。