el-form红色星号怎么去掉
时间: 2024-04-23 18:02:05 浏览: 50
Vue中el-form标签中的自定义el-select下拉框标签功能
要去掉el-form中红色星号,你可以通过修改表单项的rules属性来实现。星号是通过rules属性中的required规则显示的。你可以在rules数组中将required规则移除或设置为false来去掉红色星号。
例如,假设你有一个el-form表单,其中有一个el-input输入框需要去掉星号,你可以这样写:
```html
<el-form>
<el-form-item label="Username" prop="username" :rules="usernameRules">
<el-input v-model="username"></el-input>
</el-form-item>
</el-form>
```
```javascript
data() {
return {
username: '',
usernameRules: [
{ required: true, message: 'Username is required', trigger: 'blur' }
]
};
}
```
将required设置为false或将该规则从数组中移除即可去掉星号:
```javascript
data() {
return {
username: '',
usernameRules: [
// { required: true, message: 'Username is required', trigger: 'blur' }
]
};
}
```
这样就可以去掉el-input输入框前的红色星号了。你可以根据自己的实际情况来修改对应的表单项的rules属性。
阅读全文