elementui el-form-item标签 label前加红色星号且不校验必填
在Element UI中，要在el-form-item的label前加上红色星号，并且不进行必填验证，可以通过自定义label的内容来实现。以下是一个简单的示例代码：
<template>
<el-form :model="form" ref="form" label-width="100px">
<el-form-item label="用户名">
<span class="red-star">*</span>
<el-input v-model="form.username"></el-input>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
username: ''
}
};
}
};
</script>
<style>
.red-star {
color: red;
margin-right: 5px;
}
</style>在这个例子中，我们使用了一个span标签来表示红色星号，并通过自定义的CSS类.red-star来设置颜色和样式。这样星号就被加到了label前面，并且不会影响Element UI的表单验证流程。
评论已关闭