el-input-number添加单位

效果图

html

<el-input-number v-model="form.checkPay" controls-position="right" placeholder="罚款金额" style="width: 250px" :max="9999999999" :min="0" :controls="false" :precision="2" class="my-el-input-number" />

css

.my-el-input-number {
    position: relative;
    width: 100% !important;
  .el-input {
    width: 100% !important;
    .el-input__inner {
      padding-right: 35px;
    }
  }
}
.my-el-input-number::after {
  color: #666666;
    content: '元';
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}