<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,这样代码看起来更好理解。

1
0

Spring Boot+Vue3前后端分离,实战wiki知识库系统

一课掌握前后端最火框架,更有职场竞争力

2524 学习 · 1671 问题

查看课程