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)

]

}

相关推荐
军军君017 分钟前
数字孪生监控大屏实战模板:交通云实时数据监控平台
前端·javascript·css·vue.js·typescript·前端框架·echarts
冰暮流星25 分钟前
javascript之表单事件1
开发语言·前端·javascript
前端那点事31 分钟前
Vue跨页面通信(8种主流方式|完整可运行Demo,Vue2/Vue3通用)
前端·vue.js
前端那点事35 分钟前
Vue大文件上传实现方案(企业级完整版)
前端·vue.js
天才熊猫君44 分钟前
容器与图片同步旋转:获取真实占位尺寸方案
前端·javascript·vue.js
morethanilove1 小时前
小程序-添加粘性布局
开发语言·前端·javascript
英俊潇洒美少年1 小时前
Vue2业务组件库生产级最佳实践:零依赖+依赖注入方案
前端·vue.js·重构
白日梦想家6811 小时前
定时器实战避坑+高级用法,从入门到精通
开发语言·前端·javascript
一條狗1 小时前
学习日报 20260423|Vue SPA 部署到 Spring Boot:404/500 错误排查与解决方案1
vue.js·spring boot·学习