功能介绍: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"
插入!
Motion for Vue:一个轻量级且功能强大的Vue3动画库
el-table利用:row-style="rowClass"设置指定行变色
一款免费开源效果酷炫的 Vue / React 大屏数据展示组件库——DataV
上面是“el-form-item把label改成自定义”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4083.html
workflows工作流
梦幻向日葵ComfyUI工作流
树上挂着一只快乐的荔枝ComfyUI工作流
一幅骨架坐在公园的长椅上
1个粉红色头发可爱的女孩ComfyUI工作流
一张科幻照片,火星车在沙漠里ComfyUI工作流
一位老人安详地坐在云层中钓鱼
一颗翡翠玉雕盆栽树comfyui工作流
荷塘月色ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!