el-input是Element UI库中的一个输入框组件，它支持在输入框的前后添加单位。常用的单位有以下几种：
slot：在el-input组件中插入自定义内容，可以将单位或其他需要的内容插入到输入框的前后。
prefix-icon和suffix-icon：这两个属性分别是输入框前缀和后缀的图标，可以设置成添加单位的图标。例如，如果要在输入框后添加“元”的单位，我们可以在suffix-icon中使用一个元符号的图标。
prepend和append：这两个属性分别是输入框前缀和后缀的文本内容，可以直接在输入框前后添加单位。例如，如果要在输入框后添加“元”的单位，我们可以在append中设置为“元”。
下面是一个具体的例子：
<template>
<el-input placeholder="请输入金额" v-model="value" suffix-icon="el-icon-circle-check"></el-input>
</template>
<script>
小组介绍export default {
data() {
return {
value: ''
河北省教育 }
祁家通背拳 }
}
</script>
这里我们在el-input组件的后面添加了一个圆形勾选图标作为单位。如果希望添加自定义的单位，可以将suffix-icon改为slot，并在其中插入相应的内容。例如：煮螃蟹的做法
<template>
<el-input placeholder="请输入重量" v-model="value">
苇塘 <template slot="append">kg</template>
</el-input>
</template>
<script>
export default {
data() {牛跟羊合不合
return {
value: ''
中国汉字的魅力 }
}
}
</script>
这里我们在el-input组件的后面添加了一个“kg”的单位。可以根据实际需求来选择使用哪种方式添加单位，以达到最佳的用户体验效果。虎奔
