VUE系列之element表单el-form-item自定义label

这里要加提示，所以自定义label，加了问号的提示。核心使用slot = label。

混血哲谈

3466人浏览 · 2023-03-21 17:24:01

混血哲谈 · 2023-03-21 17:24:01 发布

这里要加提示，所以自定义label，加了问号的提示

具体代码实现如下：

<el-form-item label="姓名">
  <span slot="label">
    姓名
		<el-tooltip placement="top">
      <div slot="content">
        第一行信息<br/>
        第二行信息
      </div>
			<i class="el-icon-question"></i>
    </el-tooltip>
  </span>
</el-form-item>

核心使用slot = label

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^