要求:写一个体积,加上m³/g的单位
elementUI文档里只写了带图标的,没有自定义单位,其实也可以用suffix插槽来实现,但是放进来的位置是顶着右上角,而且是斜体,所以需要用样式来修改一下.。(只找到vue2的之前,记录一下vue3的)
代码如下
<el-form-item label="重量:" class="w-1/2">
<el-input v-model="dialogData.form.weight" placeholder="Please input">
<template #suffix >
<el-icon class="el-input__icon" style="font-style: normal; margin-right: 10px">g</el-icon>
</template>
</el-input>
</el-form-item>
效果图如下