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)

]

}

相关推荐
是你的小橘呀14 分钟前
单页应用路由怎么搞?React Router 从原理到实战全解析!
前端·javascript
风止何安啊15 分钟前
Set/Map+Weak三剑客的骚操作:JS 界的 “去重王者” ,“万能钥匙”和“隐形清洁工”
前端·javascript·面试
2501_9444460026 分钟前
Flutter&OpenHarmony文本输入组件开发
前端·javascript·flutter
小圣贤君32 分钟前
小说地图设计:Canvas 油漆桶工具的实现之旅
vue.js·electron·写作·小说地图·油漆桶
WebRuntime40 分钟前
所有64位WinForm应用都是Chromium浏览器(2)
javascript·c#·.net·web
贺今宵42 分钟前
2025.electron-vue3-sqlite3使用
前端·javascript·electron
Irene19911 小时前
创建新DOM节点方式总结
javascript·dom
2501_946233891 小时前
Flutter与OpenHarmony大师详情页面实现
android·javascript·flutter
牛先森家的牛奶1 小时前
elementUI的table合并行和列模板
前端·javascript·elementui
咖啡の猫2 小时前
TypeScript编译选项
前端·javascript·typescript