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)

]

}

相关推荐
Geoffwo17 分钟前
electron中拦截请求
前端·javascript·electron
仰望.2 小时前
vue 甘特图 vxe-gantt 如何实现标记删除数据,显示标记删除后行效果,获取已标记的行数据
vue.js·甘特图·vxe-ui
小二·3 小时前
【万字源码级剖析】深入理解 Vue 3 响应式系统:ref、reactive、computed 与 effect 的底层实现
前端·javascript·vue.js
且菜且折腾3 小时前
react快捷键hook
javascript·react.js·ecmascript
一路向前的月光3 小时前
前端采用electron-hiprint控件实现静默打印
前端·javascript·electron
vx_bisheyuange4 小时前
基于SpringBoot的青年公寓服务平台
前端·vue.js·spring boot·毕业设计
奶糖 肥晨4 小时前
JS自动检测用户国家并显示电话前缀教程|vue uniapp react可用
javascript·vue.js·uni-app
啊花是条龙4 小时前
《产品经理说“Tool 分组要一条会渐变的彩虹轴,还要能 zoom!”——我 3 步把它拆成 1024 个像素》
前端·javascript·echarts
青茶3605 小时前
【js教程】如何用jq的js方法获取url链接上的参数值?
开发语言·前端·javascript
文艺理科生5 小时前
Google A2UI 解读:当 AI 不再只是陪聊,而是开始画界面
前端·vue.js·人工智能