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)

]

}

相关推荐
前端程序猿i几秒前
纯JS 导出 Excel 工具
开发语言·javascript·excel
小和尚敲木头11 分钟前
router.push(‘/‘)跳转不触发重定向
开发语言·前端·javascript
还是大剑师兰特18 分钟前
为什么要用 import.meta.glob 加载 SVG 图标库
开发语言·前端·javascript
qiuge67820 分钟前
一网打尽react手写题(上)
前端·javascript·react.js
天若有情67324 分钟前
从C++ RefInt到JS Object.defineProperty:吃透响应式监听的本质(学生视角)
开发语言·javascript·c++
天天向上102431 分钟前
vue3 el-date-picker 需求是想既可以输入,也可以选择, 且开始时间不能大于结束时间, 当不符合条件时border变成红色
前端·javascript·vue.js
盐水冰1 小时前
【WEB模型】CS架构&BS架构&HTML&CSS&JS
开发语言·前端·javascript
阿凤211 小时前
js文件怎么引入到vue3的项目中
开发语言·前端·javascript·vue.js
英俊潇洒美少年1 小时前
Vue 与 React 优缺点全面对比
前端·vue.js·react.js