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)

]

}

相关推荐
888CC++12 小时前
如何在 C 语言中进行程序调试?
前端·javascript·算法
kyriewen14 小时前
我招了一个“Prompt工程师”来写前端,结果项目差点崩了
前端·javascript·面试
小新11014 小时前
从零开始 Vue.js
前端·javascript·vue.js
naildingding15 小时前
Vue基础核心
前端·vue.js
Delicate15 小时前
JavaScript的“变脸”艺术:类型转换戏法大揭秘
javascript
前端Hardy15 小时前
21.8 万周下载!这个 React 表格组件,10 行代码就能跑起来
前端·javascript·后端
陈_杨15 小时前
鸿蒙APP开发-带你走进胶片录的拍摄记录管理
前端·javascript
陈_杨15 小时前
鸿蒙APP开发-带你走进胶片录的相机控制
前端·javascript
陈_杨15 小时前
鸿蒙APP开发-带你走进节流战的Canvas图表
前端·javascript
陈_杨15 小时前
鸿蒙APP开发-带你走进光绘记的拍摄规划
前端·javascript