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)

]

}

相关推荐
光影少年11 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴85011 小时前
Vue 路由示例
前端·javascript·vue.js
发现一只大呆瓜11 小时前
AI流式交互:SSE与WebSocket技术选型
前端·javascript·面试
wuhen_n12 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n12 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
我是一只puppy13 小时前
使用AI进行代码审查
javascript·人工智能·git·安全·源代码管理
颜酱13 小时前
从二叉树到衍生结构:5种高频树结构原理+解析
javascript·后端·算法
TT哇13 小时前
【实习 】银行经理端两个核心功能的开发与修复(银行经理绑定逻辑修复和线下领取扫码功能开发)
java·vue.js
星光不问赶路人14 小时前
vue3使用jsx语法详解
前端·vue.js
Mr Xu_15 小时前
Vue 3 中计算属性的最佳实践:提升可读性、可维护性与性能
前端·javascript