el-input-number中添加单位

可以通过在 el-input-number 中使用 slot 来实现添加单位的功能。具体实现步骤如下：

1. 在 el-input-number 中添加一个 slot，例如：

<el-input-number v-model="num">
  <template #append>元</template>
</el-input-number>

2. 在 slot 中添加需要显示的单位，例如上述代码中添加了“元”单位。

这样就可以在 el-input-number 中添加单位了。

相关问题

el-input-number添加单位

要为 el-input-number 添加单位，你可以使用 el-input 控件的 suffix 和 prefix 属性。下面是一个例子：

<el-input-number v-model="quantity" :controls="false">
  <template slot="append">个</template>
</el-input-number>

在上面的例子中，我们将 el-input-number 控件的 controls 属性设置为 false，以隐藏增加和减少按钮。然后，我们使用 slot="append" 来添加一个后缀，即单位 "个"。

你可以根据需要自定义单位，并根据 el-input-number 的 slot 属性来决定是添加前缀还是后缀。

el-input type=number去掉箭头

您可以使用以下方法来去掉 `el-input` 组件的数字输入框箭头：

1. 使用自定义样式：您可以通过自定义样式来隐藏箭头。在 `el-input` 的父元素上添加一个类名，然后使用 CSS 来隐藏箭头。

<template>
  <div class="custom-input">
    <el-input type="number"></el-input>
  </div>
</template>

<style>
.custom-input .el-input-number__decrease,
.custom-input .el-input-number__increase {
  display: none;
}
</style>

2. 使用 `controls` 属性：将 `el-input` 的 `controls` 属性设置为 `false`，这将隐藏输入框的箭头。

<el-input type="number" :controls="false"></el-input>

这两种方法都可以帮助您去掉 `el-input` 组件的数字输入框箭头。请根据您的需求选择适合的方法。