功能介绍: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改成自定义
基础教程推荐
猜你喜欢
- CSS解决未知高度垂直居中的问题 2022-10-16
- vue better scroll 无法滚动的解决方法 2024-04-03
- 「HTML+CSS」--自定义加载动画【028】 2023-10-28
- 简单实现Ajax无刷新分页效果 2023-02-01
- vue-cli引入elementui版本使用问题 2023-10-08
- CSS 垂直居中的5种实现方法 2023-12-22
- web中自定义鼠标样式将其显示为左右箭头 2023-12-21
- cocos微信小游戏如何加入游戏圈功能 2022-10-29
- 纯CSS实现漂亮的下拉导航效果代码 2024-01-23
- JavaScript封装Vue-Router实现流程详解 2024-02-06