1回答

好帮手慕久久

2021-04-13

已采纳

同学你好，解答如下：

1、如下写法是插槽的用法：

含义是：为名字为cover的插槽，传递数据text，并重命名为cover；插槽的内容是一张图片，该图片会根据数据cover来决定是否显示：

具体使用，可以参考如下例子：

新建一个vue项目，在App.vue中，书写如下代码：

新建一个子组件slot1.vue，并书写如下代码：

启动项目，效果如下：

注意，如下两种写法是一样的：

如果看不懂，可以先回顾一下插槽的基础知识：

2、同学提供的代码中，并没有使用数据key、dataIndex，所以老师并不知道它们的具体作用是什么。建议同学向后端人员询问一下，这两个数据代表的含义是什么。有一点，可以提醒同学，如果去掉后，不影响效果，那么很可能是用来提升页面性能的。

3、整个代码，与ant design没关系，是vue的插槽的高级用法，建议同学把回复1，敲一下，看下效果。因提问的内容，并不是课程中的内容，正常情况下，老师是不提供服务的，但是看在同学好学的份上，破例给同学解答一次，但仅此一次哦。

祝学习愉快！

0