VUE3 el-table-column header新增必填*

1.在需要加必填星号的el-table-column上添加render-header属性

<el-table-column :label="getName('产品代码')" :render-header="addRedStart" prop="MODELCODE" min-width="4.5%">

<template v-slot="scope">

<el-input v-model.lazy="scope.row.MODELCODE" /></template>

</el-table-column>

const addRedStart = ({column}) =>{

return [

h('span',{style:'color:#F56C6C'},'*'),

h('span',' ' + column.label)

]

}

相关推荐
明月_清风5 分钟前
浏览器时间管理大师:深度拆解 5 大核心调度 API
前端·javascript
+VX:Fegn08955 分钟前
计算机毕业设计|基于springboot + vue社区智慧消防管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
明月_清风6 分钟前
你不知道的 JS——现代系统级 API 篇
前端·javascript
一 乐10 分钟前
英语学习平台系统|基于springboot + vue英语学习平台系统(源码+数据库+文档)
java·vue.js·spring boot·学习·论文·毕设·英语学习平台系统
+VX:Fegn08951 小时前
计算机毕业设计|基于springboot + vue物业管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
咕噜咕噜啦啦8 小时前
Vue3响应式开发
前端·javascript·vue.js
牛奶10 小时前
你不知道的JS(下):深入编程
前端·javascript·电子书
牛奶10 小时前
你不知道的JS(下):深入JS(下)
前端·javascript·电子书
牛奶10 小时前
你不知道的JS(下):总结与未来
前端·javascript·电子书
牛奶10 小时前
你不知道的JS(下):深入JS(上)
前端·javascript·电子书