技术栈

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

lfl183261621602024-07-26 20:07

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)

]

}

上一篇:设计模式14-享元模式
下一篇:“分布式” 和 “集群”
相关推荐
J_liaty
3 分钟前
Vue2 从入门到精通
前端·javascript·vue.js
张元清
19 分钟前
在 React 中构建沉浸式 Web 应用:全屏、屏幕常亮与系统通知
前端·javascript·面试
王霸天
21 分钟前
💥大屏卡成 PPT?这 3 个性能优化招数亲测有效
前端·vue.js·数据可视化
ahhdfjfdf
22 分钟前
微信H5 页面定位权限处理
前端·javascript
蓝黑2020
26 分钟前
Vue组件通信之emit
前端·javascript·vue
kyriewen
26 分钟前
线上Bug炸了,用户骂你你却不知道?前端监控教你“远程开天眼”
前端·javascript·监控
kisloy
1 小时前
【反爬虫】极验4 W参数逆向分析
java·javascript·爬虫
夏雪之晶莹
1 小时前
JSON语法结构
javascript
吴声子夜歌
1 小时前
Vue3——v-for指令
前端·javascript·vue
音仔小瓜皮
1 小时前
【Vue】什么时候用Ref?什么时候用shallowRef?
前端·javascript·vue.js
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点03一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛04GPT-6核心能力解析及与现有主流大模型对比05基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南06零成本!Ollama本地部署国产大模型全指南(支持Kimi-K2.5/GLM-5/Qwen,新手秒上手)07AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析08免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手09从限购到畅通:GLM-5.1 Coding Plan接入攻略10CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南