技術標籤：vuevuewebnode.js

vue-element

文章目錄

• vue-element
• 前言
• 一、怎麼做？
• • 1.示例程式碼
  • 2.結果圖片

前言

在我們設計前端頁面時，總會使用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.結果圖片