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)

]

}

相关推荐
爱编程的喵16 分钟前
React入门实战:从静态渲染到动态状态管理
前端·javascript
Tttian62228 分钟前
npm init vue@latestnpm error code ETIMEDOUT
前端·vue.js·npm
唐叔在学习39 分钟前
不用装插件!3轮对话,我用油猴脚本+AI复刻了掘金闪念笔记,真香!
javascript·浏览器
AliciaIr39 分钟前
深入React事件机制:解密“合成事件”与“事件委托”的底层奥秘
javascript·react.js
元气小嘉1 小时前
前端技术小结
开发语言·前端·javascript·vue.js·人工智能
励志的大鹰哥1 小时前
V少JS基础班之第七弹
开发语言·javascript·ecmascript
cccyi71 小时前
Vue3基础知识
javascript·vue.js
江城开朗的豌豆2 小时前
Vue计算属性:为什么我的代码突然变优雅了?
前端·javascript·vue.js
心.c2 小时前
后台管理系统-权限管理
javascript·react.js·github
好困好想睡3 小时前
认识Promise
javascript