技术栈

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-享元模式
下一篇:“分布式” 和 “集群”
相关推荐
咖啡の猫
20 分钟前
Vue内置指令与自定义指令
前端·javascript·vue.js
艾小码
37 分钟前
告别数据混乱!掌握JSON与内置对象,让你的JS代码更专业
前端·javascript
liangshanbo1215
6 小时前
写好 React useEffect 的终极指南
前端·javascript·react.js
哆啦A梦1588
8 小时前
搜索页面布局
前端·vue.js·node.js
_院长大人_
9 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
SevgiliD
9 小时前
el-table中控制单列内容多行超出省略及tooltip
javascript·vue.js·elementui
要加油哦~
9 小时前
JS | 知识点总结 - 原型链
开发语言·javascript·原型模式
哆啦A梦1588
10 小时前
axios 的二次封装
前端·vue.js·node.js
热门推荐
01BongoCat - 跨平台键盘猫动画工具02GitHub 镜像站点03UV安装并设置国内源04Linux下V2Ray安装配置指南05KGG转MP3工具|非KGM文件|解密音频06两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答07荣耀手机2025年10月发布的新品Magic8比起Magic7,在硬件、性能、价格等上有什么区别,有什么优势08Java IO 流 + MinIO:游戏玩家自定义头像上传(格式校验、压缩处理、存储管理)09GitLab 零基础入门指南:从安装到项目管理全流程10windows找不到gpedit.msc(本地组策略编辑器)