功能介绍: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改成自定义


猜你喜欢
- 非常简单的Ajax请求实例附源码 2022-10-17
- Cookie的使用及保存中文并用Cookie实现购物车功能 2024-03-01
- Vue3 携手 TypeScript 搭建完整项目结构 2024-02-25
- 详解JS浏览器事件循环机制 2024-02-25
- 关于css水平居中的小小探讨 2023-12-15
- 关于微信小程序wepy框架环境安装问题 2022-10-29
- Vue中如何利用插件对图片进行进行裁剪 2025-01-12
- Ajax 接收服务器返回的json响应方法 2023-02-15
- 详解vue-router 2.0 常用基础知识点之router.push() 2024-01-16
- vue-配置路由规则和显示路由 2023-10-08