element自定义表单label

昵称已存在lxttttt

于 2021-08-18 10:29:53 发布

阅读量1.4k

点赞数

分类专栏： element-ui

本文链接：https://blog.youkuaiyun.com/weixin_43238931/article/details/119774589

版权

element-ui 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在Element UI中实现表单label的自定义，特别是在label前面添加复选框，利用slot进行布局和内容插入，从而创建所需的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在label前面加上复选框，通过slot进行定义

<el-form-item>
	<span slot="label">
		<el-checkbox v-model="ckFileExt">文件过滤</el-checkbox>
	</span>
	<el-input v-model="fzFileExt">
		<el-button slot="append" icon="el-icon-info" />
	</el-input>
</el-form-item>

效果：
在这里插入图片描述