功能介绍:el-form-item中label一般情况下是现实文字,因为功能需求想把label改成其他类型,比如select。
实现代码如下:
<el-form-item label="姓名">
<el-input size="small" v-model="formData.patientName" clearable placeholder="请输入"></el-input>
</el-form-item>
<el-form-item>
//新增一个select选项
<template slot="label">
<el-select v-model="searchValue" style="width:80px" placeholder="请选择">
<el-option
v-for="item in searchOptions"
:key="item"
:label="item"
:value="item">
</el-option>
</el-select>
</template>
<el-input size="small" v-model="searchCommonValue" clearable placeholder="请输入"></el-input>
</el-form-item>
PS:利用template slot="label"插入!
编程基础网
本文标题为:el-form-item把label改成自定义
基础教程推荐
猜你喜欢
- 关于type=”file”的input框样式修改小结 2024-02-07
- Element UI中文官网Element Plus是一套基于Vue3.0的桌面端组件库 2025-01-12
- div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox 2024-01-07
- 使用php,mysql和html创建登录表单 2023-10-26
- 几个比较好的国外广告联盟推荐 2024-01-16
- JS 精确统计网站访问量的实例代码 2023-12-14
- 一文让你彻底弄懂js中undefined和null的区别 2023-12-26
- IE浏览器不支持getElementsByClassName的解决方法 2023-12-15
- 在ASP.NET 2.0中操作数据之三:创建母版页和站点导航 2024-03-10
- css写菜单:简洁注释版 2022-11-06
