技术栈

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-享元模式
下一篇:“分布式” 和 “集群”
相关推荐
程序员小寒
43 分钟前
前端性能优化之白屏、卡顿指标和网络环境采集篇
前端·javascript·网络·性能优化
次顶级
3 小时前
表单多文件上传和其他参数处理
前端·javascript·html
kuntli
3 小时前
Vue生命周期全解析
vue.js
小一梦
3 小时前
宝塔面板单域名部署多个 Vue 项目:从路径冲突到完美共存
服务器·javascript·vue.js
只能是遇见
4 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
柳杉
4 小时前
两款惊艳的 WebGL 开源项目推荐
前端·javascript·数据可视化
jingxindeyi
4 小时前
react实现狼吃羊游戏
javascript·react.js·游戏
小金鱼Y
5 小时前
别再乱拷贝了!JS 浅拷贝 vs 深拷贝全解析
前端·javascript
发现一只大呆瓜
6 小时前
Vue-Vue Router核心原理+实战用法全解析
前端·vue.js·面试
热门推荐
01GitHub 镜像站点02Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南03OpenClaw 使用和管理 MCP 完全指南04UV安装并设置国内源05OpenClaw Control UI安全上下文访问配置06小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)07Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services08本地部署 OpenClaw + DeepSeek-R1 完全指南09OpenClaw macOS 完整安装与本地模型配置教程(实战版)10AI 编程三剑客:Spec-Kit、OpenSpec、Superpowers 深度对比与实战指南