el-table-column设置必填
时间: 2023-09-28 17:14:12 浏览: 189
在El-Table组件中,可以使用自定义样式来设置el-table-column为必填项。可以通过在el-table-column上绑定一个渲染函数来实现这个功能。具体的代码如下所示:
```html
<el-table-column label="材料名称" width="250" :render-header="addRedStar"></el-table-column>
```
其中,addRedStar是一个渲染函数,在这个函数中可以通过h函数创建一个span元素来显示必选标识,并将其与column.label一起渲染:
```javascript
addRedStar(h, { column }) {
return [
h('span', { style: 'color: #F56C6C' }, '*'),
h('span', ' ' + column.label)
];
}
```
通过这个渲染函数,可以在el-table-column的表头中显示一个带有红色星号的必选标识。这样设置后,在el-table中,该列的表头会显示一个红色星号,表示该列为必填项。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* [el-table给表头添加红色必填*](https://blog.csdn.net/siyuechangmeng/article/details/125318348)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
- *2* *3* [Element el-table表格添加必填校验处理](https://blog.csdn.net/qq_45213494/article/details/124788360)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]
阅读全文