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)

]

}

相关推荐
Hello--_--World7 分钟前
浏览器同源策略与跨域问题
javascript
yuqifang11 分钟前
vue3+typescript+vite封装自己的UI组件库并上传至npm
vue.js·arkui
零瓶水Herwt12 分钟前
JavaScript对象继承常用详解
javascript
布局呆星21 分钟前
Vue3 :生命周期、DOM 操作与自定义组合式函数
前端·javascript·vue.js
147API29 分钟前
多模型路由规则设计实战:第一版系统别做成黑盒
服务器·前端·javascript
Ruihong38 分钟前
你的 Vue 3 <script setup>,VuReact 会编译成完整的 React 组件
vue.js·react.js·面试
chenbin___41 分钟前
检查hooks依赖的工具(转自千问)
开发语言·前端·javascript·react native·react.js
阿凤211 小时前
uniapp运行到app端怎么打开文件
android·前端·javascript·uni-app
久爱@勿忘1 小时前
vue/uniapp H5页面截图
开发语言·前端·javascript
Rabitebla1 小时前
C++类和对象(中):默认函数 + 运算符重载 + 日期类实现完整笔记
java·开发语言·javascript