elementplus inputnumber 后面加单位

elementplus inputnumber 组件可以通过设置 formatter 和 parser 属性来实现在输入框后面显示单位。

formatter 是一个函数，它会在显示在输入框中的数值后添加单位字符，例如：

<el-input-number v-model="value" :formatter="addUnit"></el-input-number>
...
methods: {
  addUnit(value) {
    return value + ' 单位';
  }
}

parser 是一个函数，它会在获取输入框中数值时去除单位字符后返回，例如：

<el-input-number v-model="value" :parser="removeUnit"></el-input-number>
...
methods: {
  removeUnit(value) {
    return value.replace(' 单位', '');
  }
}

通过设置 formatter 和 parser，我们可以实现在输入框中显示带单位的数值，并在获取输入框的数值时去除单位字符。这样用户输入的数值就可以携带单位信息。