element-vue 如何在文本框后添加文字

vue-element

---

前言

在我们设计前端页面时，总会使用input输入框，当你要输入某些固定单位时，如何在输入框后固定单位呢？。

---

一、怎么做？

1.示例代码

代码如下（示例）：

<el-form :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item label="公里数" prop="cMile" >
          <el-input v-model="form.cMile" placeholder="公里数" ><i slot="suffix" style="font-style:normal;margin-right: 10px;">万公里</i></el-input>
        </el-form-item>
        <el-form-item label="载重" prop="cWeight">
          <el-input v-model="form.cWeight" placeholder="载重" ><i slot="suffix" style="font-style:normal;margin-right: 10px;">Kg</i></el-input>
        </el-form-item>
      </el-form>

2.结果图片