vue：el-form-item lable设置无校验的必填标识

List itemvue笔记el-form-item lable设置无校验的必填标识<el-col :span="8"><el-form-item label="手机号码" prop="phone">// 这里放入 label slot 进行自定义<label slot="label"><span style="color:red">*</sp

Bug_MK

2892人浏览 · 2021-11-17 15:37:20

Bug_MK · 2021-11-17 15:37:20 发布

List item

vue笔记

el-form-item lable设置无校验的必填标识
1.使用:required=“true” 属性

<el-col :span="8">
	<el-form-item label="手机号码" prop="phone" :required="true">
   		<el-input v-model="user.phone" style="width:300px"/>
    </el-form-item>
</el-col>

2.使用 label slot 自定义

<el-col :span="8">
	<el-form-item label="手机号码" prop="phone">
	// 这里放入 label slot 进行自定义
	<label slot="label"><span style="color:red">*</span>&nbsp;&nbsp;手机号码</label>
   		<el-input v-model="user.phone" style="width:300px"/>
    </el-form-item>
</el-col>

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}$/, //不连续的两位字母// /^