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

Question

当我为 VueJS使用 Ant-design表时出现此错误

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

Answer 2

根据此文档，您应该更改slot为v-slot