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)

]

}

相关推荐
忆琳12 分钟前
Vue3 优雅解决单引号注入问题:自定义指令 + 全局插件双方案
vue.js·element
忆琳18 分钟前
Vue3 全局自动大写转换:一个配置,全站生效
javascript·element
张元清30 分钟前
不用 Server Components 也能做 React 流式 SSR —— 实战指南
前端·javascript·面试
Ruihong1 小时前
放弃 Vue3 传统 <script>!我的 VuReact 编译器做了一次清醒取舍
前端·vue.js
蜡台1 小时前
IDEA LiveTemplates Vue ElementUI
前端·vue.js·elementui·idea·livetemplates
苏瞳儿1 小时前
前端/后端-配置跨域
前端·javascript·node.js·vue
神の愛1 小时前
Vite的proxy和Nginx的location 请求转发区别
vue.js
竹林8181 小时前
从轮询到订阅:我在 React 项目中实现实时监听 ERC-20 转账事件的完整踩坑记录
前端·javascript
视觉CG1 小时前
【tailwindcss】网页标题样式
javascript·ecmascript·tailwindcss
之歆2 小时前
Vue Router 深度解析 — 从浏览器导航模型到 SPA 路由工程
前端·javascript·vue.js