封装 element-plus 的 el-table-column,slot 里面的 el-switch 组件会在表格初始化的时候触发一次change事件?-灵析社区

001

项目中用到了很多带 tooltip 提示的表头,所以想着把 `el-table-column` 封装下,支持 `tooltip` 参数。 下面是 `TableColumnTooltip.vue` 组件代码,封装了 `el-table-column` 支持 `tooltip`; import { QuestionFilled } from '@element-plus/icons-vue' const props = defineProps() {{ label }} {{ tooltip }} 使用的时候 `List.vue` import TableColumnTooltip from './componenets/TableColumnTooltip' const list = ref([]) const handleToggle = () => { console.log('trigger') } 但是 `List.vue` 渲染的时候虽然 `list` 数组没数据,但是 `el-switch` 的 `change` 事件执行了一次,就很怪?

阅读量:282

点赞量:11

问AI
怼怼事务所
目前的解决方法是在 "TableColumnTooltip" 组件中先判断 "row" 属性有值才渲染 "slot"。"TableColumnTooltip"中的 "default slot" 为什么会默认渲染一次等有空了看下源码再补充。 {{ label }} {{ tooltip }}