element-vue 如何在文本框后添加文字
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
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 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)