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)

]

}

相关推荐
threelab3 分钟前
Merge3D:重塑三维可视化体验的 Cesium+Three.js 融合引擎
开发语言·javascript·3d
Mintopia27 分钟前
🌐 跨模态迁移学习:WebAIGC多场景适配的未来技术核心
前端·javascript·aigc
艾小码2 小时前
别再只会用默认插槽了!Vue插槽这些高级用法让你的组件更强大
前端·javascript·vue.js
菜鸟‍12 小时前
【前端学习】阿里前端面试题
前端·javascript·学习
用户479492835691512 小时前
告别span嵌套地狱:CSS Highlights API重新定义语法高亮
前端·javascript·css
慧一居士14 小时前
Vue中 class 和 style 属性的区别对比
前端·vue.js
九章云极AladdinEdu14 小时前
项目分享|告别枯燥命令行,构建终端用户界面的 TypeScript 库
javascript·ui·typescript
带着梦想扬帆启航15 小时前
UniApp 多个异步开关控制教程
前端·javascript·uni-app
小高00715 小时前
JavaScript 内存管理是如何工作的?
前端·javascript