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)

]

}

相关推荐
阿珊和她的猫2 分钟前
探究浏览器最大请求并发数:提升网页加载性能的关键
前端·javascript·vue.js
D_C_tyu8 分钟前
Vue3 + Element Plus | el-table 多级表头表格导出 Excel(含合并单元格、单元格居中)第二版
vue.js·elementui·excel
wuhen_n16 分钟前
Vue3 组件生命周期详解
前端·javascript·vue.js
wuhen_n16 分钟前
渲染器核心:mount挂载过程
前端·javascript·vue.js
不想秃头的程序员17 分钟前
vue3 Pinia 全解析:从入门到实战。
前端·javascript·vue.js
wuhen_n17 分钟前
组件渲染:从组件到DOM
前端·javascript·vue.js
zhougl99618 分钟前
Composition API 和 Options API
前端·javascript·vue.js
wuhen_n18 分钟前
虚拟DOM:VNode的设计与创建
前端·javascript·vue.js
梵得儿SHI35 分钟前
Vue3 生态工具实战宝典:UI 组件库 + 表单验证全解析(Element Plus/Ant Design Vue/VeeValidate)
前端·vue.js·ui·elementplus·vue性能优化·antdesignvue·表单验证方案
滕青山36 分钟前
MD5在线加密 核心JS实现
前端·javascript·vue.js