vue的 slot 怎么用

86 阅读1分钟

最近在使用 antd-vue 的时候遇见了一个问题,就是 antd 提供了一个可以改变 extra 操作区域的样式,给了两种方法。

    extra:  卡片右上角的操作区域 string | slot;

string,我知道就是输入字符串,然后渲染出来,但是这样子样式就太丑了,然后我就把目标放在了 slot 上面,最后在官方文档发现,原来这是插槽。 具体用法如下:

   //在这里指定了是 extra 区域
  <template #extra>
    <a-tag :color="pink">右上标</a-tag>
   </template>

这样就可以插入想设置的元素了,而不在局限于字符串。