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)

]

}

相关推荐
Ruihong21 小时前
《VuReact:下一代 Vue 3 -> React 智能编译工具,支持 SFC 与增量迁移》
vue.js
FansUnion21 小时前
用 AI 自动生成壁纸标题、描述和 SEO Slug
javascript
lemon_yyds21 小时前
vue 2 升级vue3 : ref 和 v-model 命名为同名
前端·vue.js
大雨还洅下1 天前
前端 JS: async, await; Generator
javascript
juejin_cn1 天前
[转][译] 从零开始构建 OpenClaw — 第三部分(元技能)
javascript
颜酱1 天前
二叉树分解问题思路解题模式
javascript·后端·算法
前端Hardy1 天前
告别 !important:现代 CSS 层叠控制指南,90% 的样式冲突其实不用它也能解
前端·vue.js·面试
前端Hardy1 天前
Vue 3 性能优化的 5 个隐藏技巧,第 4 个连老手都未必知道
前端·vue.js·面试
炫饭第一名1 天前
速通Canvas指北🦮——路径与形状篇
前端·javascript·程序员
无责任此方_修行中1 天前
如何利用 pnpm 的安全控制功能防御 npm 供应链攻击
javascript·npm·node.js