【问题标题】: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>

【问题讨论】:

    标签: vue.js vuejs2 vuejs3 ant-design-vue


    【解决方案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

      【讨论】:

      • 是的,我试过了,但我得到了一个错误,而不是&lt;template v-slot="from"&gt; {{ from.host }} {{ from.addrs }} &lt;/template&gt;
      • 您遇到什么错误?您可以尝试将v-slot="from" 更改为v-slot:from,如documentation 中所述
      • 实际上,当我在
      猜你喜欢
      • 2021-02-27
      • 2022-11-01
      • 2020-10-24
      • 1970-01-01
      • 2020-01-12
      • 2021-10-31
      • 2020-12-20
      • 1970-01-01
      • 2022-12-10
      相关资源
      最近更新 更多