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

【问题标题】：How to move slot and slot-scope to vue 3 v-slot rule如何将 slot 和 slot-scope 移动到 vue 3 v-slot 规则
【发布时间】：2021-06-15 13:52:07
【问题描述】：

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

<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>

【问题讨论】：

【解决方案1】：

您下面的标记不起作用，因为它用两个插槽名称标记模板；即name 插槽（v-slot:name）以及default 插槽（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>

【讨论】：

【解决方案2】：

根据这个documentation你应该把slot改成v-slot

【讨论】：

是的，我试过了，但我得到了一个错误，而不是<template v-slot="from"> {{ from.host }} {{ from.addrs }} </template>
您遇到什么错误？您可以尝试将v-slot="from" 更改为v-slot:from，如documentation 中所述
实际上，当我在