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)

]

}

相关推荐
www_stdio4 分钟前
我的猫终于打上冰球了——一个 Vue3 + Coze AI 项目的完整落地手记
javascript·vue.js·coze
MediaTea12 分钟前
思考与练习(第十章 文件与数据格式化)
java·linux·服务器·前端·javascript
江公望21 分钟前
Vue3的 nextTick API 5分钟讲清楚
前端·javascript·vue.js
辛-夷39 分钟前
pinia与Vuex高频面试题
前端·vue.js
咸鱼加辣41 分钟前
【python面试】Python 的 lambda
javascript·python·算法
晓得迷路了1 小时前
栗子前端技术周刊第 111 期 - Next.js 16.1、pnpm 10.26、Bun 1.3.5...
前端·javascript·bun
shangxianjiao1 小时前
vue前端项目介绍项目结构
前端·javascript·vue.js
asdfg12589632 小时前
数组去重(JS)
java·前端·javascript
鹏多多2 小时前
前端大数字精度解决:big.js的教程和原理解析
前端·javascript·vue.js
少年姜太公8 小时前
什么?还不知道git cherry pick?
前端·javascript·git