記錄一個簡單的方法，在表單輸入金額數(shù)字時顯示金額（￥）符號凡简，主要是用css樣式實現(xiàn)走芋。效果如下：
輸入時.png
未輸入時.png
具體代碼如下：
在el-form-item上添加一個類，moneyStyle為自定義的類名
<el-form v-model="formData">
<el-form-item label="金額" prop="money" :class="[{moneyStyle:isMoney(formData.money)}]">
<el-input v-model="formData.money"></el-input>
</el-form-item>
</el-form>
methods: {
isMoney(data) {
return data ? true : false
},
}
<style lang='less' scoped>
// 金額樣式
.moneyStyle {
.el-input::before {
content: "￥"; // content: "\FFE5";
position: absolute;
left: 5px;
top: 0;
color: #000000;
font-size: 14px;
}
.el-input__inner {
padding: 0 20px !important;
}
}
</style>
