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)

]

}

相关推荐
不会敲代码117 小时前
手写 Zustand:三十分钟带你搞懂状态管理库的核心原理
前端·javascript·源码
神奇的程序员17 小时前
重构了自己5年前写的截图插件
前端·javascript·架构
橙淮17 小时前
从优化到安全再到未来 ——JavaScript 全维度技术指南
javascript
诚实可靠王大锤18 小时前
React Native 输入框与按钮焦点冲突解决方案(rn版本0.70.3)
前端·javascript·react native·react.js
zithern_juejin1 天前
Date/RegExp/Error/ArrayBuffer
javascript
燐妤1 天前
前端HTML编程5:JavaScript完全指南
前端·javascript·html
八月欢喜1 天前
【Facebook】 实时消息监控难点解析
javascript·python·facebook
zithern_juejin1 天前
Map/Set/WeakMap/WeakSet
javascript
砚底藏山河1 天前
python、JavaScript 、JAVA,定制化数据服务,助力业务高效落地
java·javascript·python
11_x1 天前
JS 底层:乖宝宝引擎和乖宝宝声明
javascript