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.结果图片

在这里插入图片描述
在这里插入图片描述

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐