el-input输入框，el-input 搜索框 描述框 文本框 常用样式总结

一级标题

*#append #prepend 的使用
#suffix

常见 el-input文本框 样式*

#suffix （后） prefix（前）使用

<el-input ref="inputRef" v-model="value" @click="onFocusHandle" class="tableInput" placeholder="请选择门店">
                        <template #suffix>
                            <i class="el-input__icon el-icon-search"></i>
                        </template>
                    </el-input>

代码如下：

                    <el-input placeholder="用户名" v-model="row" style="width:300px;margin-left:20px;">
                        <template #prepend>
                            资产编号
                        </template>
                    </el-input>
                    <el-input placeholder="用户名" style="width:300px;margin-left:20px;">
                        <template #append>
                            <el-button icon="el-icon-search"></el-button>
                        </template>
                    </el-input>
                    <el-input placeholder="用户名" style="width:300px;margin-left:20px;">
                        <template #append>搜索</template>
                    </el-input>
                    <el-input placeholder="用户名" v-model="row" readonly style="width:300px;margin-left:20px;">
                        <template #prepend>
                            只读
                        </template>
                    </el-input>