<template #name="{ text }">这个模版后面的中括号里面的含义?
来源:6-3 电子书表格展示

时间齿轮
2023-06-24
<template #name="{ text }">这个模版后面的中括号里面的含义是什么,为什么有的有,有的没有,有的是 v-slot:action={text,record} 有的是#Cover
写回答
1回答
-
甲蛙
2023-06-24
v-slot可以简写成#,vue官方的意思就是插槽,ui相关的代码是从ant-design-vue官网的组件示例拷的,它有些写成v-slot,有些写成#,其实一样的。text和record是table组件的插槽自带的两个参数,就像我们平时用一些回调函数,也会有一些自带的参数,text表示当前这个插槽对应的字段(比如name),record表示完整的一行数据(比如id name type等),我只用到text,我就写成{text},如果当前字段的值不够用,我就写成{text, record},此时我就可以通过record.id去获取id值。
#name,就会对应到name这一列;#name="{ text }",text就是每一行的name这个字段的值,#cover="{ text: cover }"就表示我给text换了个名字,叫cover,这样代码看起来更好理解。
10
相似问题