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)

]

}

相关推荐
六月的可乐6 分钟前
知识库检索入门:从普通 RAG、知识图谱 RAG 到 LLM Wiki,一篇讲清原理、区别与选型
vue.js·人工智能·openai
竹林8188 分钟前
Web3表单签名验证:我如何用 wagmi 和 siwe 让用户“无密码”登录
javascript
inksci18 分钟前
使用飞帆的上传组件
前端·javascript
FOREVER-Q23 分钟前
基于 Vite 的前端 SDK 工程化设计与模块化构建实践
开发语言·前端·javascript
James_WangA27 分钟前
3D 数字孪生联调实录:打通上位机与浏览器的最后一公里
vue.js
耗子君QAQ32 分钟前
为什么 AI 写代码也需要说明书?
前端·javascript·ai编程
h_654321033 分钟前
公告/消息提示从右向左循环滚动vue
前端·javascript·vue.js
Lyyaoo.34 分钟前
JWT 令牌(待更新)
java·前端·javascript
weixin_4367778736 分钟前
el-select的label没有没有反显怎么办?
开发语言·前端·javascript
米丘42 分钟前
vue3.x 编译 script setup 编译过程
vue.js·node.js·babel