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)

]

}

相关推荐
sen_shan18 分钟前
《Vue项目开发实战》第八章:组件封装--vxeGrid
前端·javascript·vue.js
2***574221 分钟前
Vue项目国际化实践
前端·javascript·vue.js
3秒一个大33 分钟前
JavaScript 作用域:从执行机制到块级作用域的演进
javascript
星空的资源小屋42 分钟前
VNote:程序员必备Markdown笔记神器
javascript·人工智能·笔记·django
摇滚侠1 小时前
Vue 项目实战《尚医通》,实名认证模块静态的搭建,笔记53
vue.js·笔记
程序员爱钓鱼1 小时前
使用简单 JSON + 自定义 t 函数实现轻量多语言国际化(无需 next-intl)
前端·javascript·trae
一 乐1 小时前
助农平台|基于SprinBoot+vue的助农服务系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·ecmascript·springboot
●VON2 小时前
Electron 小游戏实战:太空打砖块(Space Breakout)
前端·javascript·electron
新晨4372 小时前
Vue 3 定时器清理的最佳实践
javascript·vue.js
重铸码农荣光2 小时前
深入理解 JavaScript 原型机制:从“如何拿到小米 SU7”说起
前端·javascript