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，并在其中插入相应的内容。例如：
input标签placeholder属性<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”的单位。可以根据实际需求来选择使用哪种方式添加单位，以达到最佳的用户体验效果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。