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)

]

}

相关推荐
SuperEugene14 小时前
后台权限与菜单渲染:基于路由和后端返回的几种实现方式
前端·javascript·vue.js
csdn飘逸飘逸14 小时前
Autojs基础-全局函数与变量(globals)
javascript
SuperEugene14 小时前
弹窗与抽屉组件封装:如何做一个全局可控的 Dialog 服务
前端·javascript·vue.js
青青家的小灰灰14 小时前
透视 React 内核:Diff 算法、合成事件与并发特性的深度解析
前端·javascript·react.js
北冥有鱼14 小时前
JSON或代码对比的工具-vue
vue.js
SuperEugene14 小时前
组合式函数 、 Hooks(Vue2 mixin 、 Vue3 composables)的实战封装
前端·javascript·vue.js
wuhen_n14 小时前
模板编译三阶段:parse-transform-generate
前端·javascript·vue.js
滕青山14 小时前
正则表达式测试 在线工具核心JS实现
前端·javascript·vue.js
不可能的是14 小时前
前端图片懒加载方案全解析
前端·javascript
wuhen_n14 小时前
Fragment 与 Portal 的特殊处理
前端·javascript·vue.js