element-ui表格的时候,虽然都知道怎么用,表头,以及内容模板的渲染,就使用了插槽,但是往往是很迷糊的
因为被抽象了的
今天就一起来学习下,学完之后,在看element-ui表格的时候,希望能给你带来一些启发...例如 v-slot:header 可以被重写为 #header
如果你看不懂,那就是对简写插槽的名称有些陌生了
从上面的示例中,我们可以做出一些总结
具名插槽可以根据名称渲染对应的html标签模板内容...管理系统,针对很多不同种类的各种表单弹窗,而表单弹窗内,有时要根据后端返回的接口props去显示指定的内容
这时候,插槽就非常有用了
04
独占默认插槽的缩写
当被提供的内容只有默认插槽时,组件的标签才可以被当做插槽的模板来使用...就像假定未指明的内容对应默认插槽一样,不带参数的 v-slot 被假定对应默认插槽
CurrentUser v-slot="slotProps">
{{slotProps.user...如果子组件使用了多个插槽,那么就使用具名插槽对每个插槽进行区分,子组件内的,而在父组件中,使用template标签
<template v-slot: