vue.js - 如何将插槽和插槽范围移动到 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 插槽(在 v-slot:name 中)以及 default 插槽(在 v-slot="中姓名"):

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

这是正确的解决方法:

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