如何将 slot 和 slot-scope 移动到 vue 3 v-slot 规则

Question

当我使用VueJS 的Ant-design table时出现此错误

<template slot="name" slot-scope="name"> {{ name.first }} {{ name.last }} </template>

我更改为 Vue 3 规则后仍然没有显示：

<template v-slot:name v-slot="name"> {{ name.first }} {{ name.last }} </template>

Answer 1

下面的标记不起作用，因为它用两个插槽名称标记模板；即，name槽 (in v-slot:name) 以及default槽 (in v-slot="name")：

<template v-slot:name v-slot="name"> {{ name.first }} {{ name.last }} </template>
          ^^^^^^^^^^^ ^^^^^^^^^^^^^

这是正确的修复方法：

<template v-slot:name="name"> {{ name.first }} {{ name.last }} </template>