要在表单项中显示必填星号,你可以使用required
属性和样式来实现。以下是修改后的代码示例:
<template>
<div>
<el-form-item
label="本次改造房量(间)"
prop="retrofitRoomQuantity"
:rules="[
{ validator: validateRetrofitRoomQuantity, trigger: 'blur' }
]"
required <!-- 添加 required 属性 -->
>
<el-input
v-model="form.retrofitRoomQuantity"
placeholder="请输入本次改造房量(间):"
></el-input>
</el-form-item>
</div>
</template>
<style scoped>
.el-form-item.required .el-form-item__label::before {
content: "*";
color: red;
}
</style>
在这个示例中,我们为表单项的标签添加了 required
属性。同时,在样式中定义了一个选择器 .el-form-item.required .el-form-item__label::before
来在标签前面添加红色的星号。
这样做之后,该表单项的标签将会显示一个红色星号,表示为必填项。
内容由零声教学AI助手提供,问题来源于学员提问