最近在使用 antd-vue 的时候遇见了一个问题,就是 antd 提供了一个可以改变 extra 操作区域的样式,给了两种方法。
extra: 卡片右上角的操作区域 string | slot;
string,我知道就是输入字符串,然后渲染出来,但是这样子样式就太丑了,然后我就把目标放在了 slot 上面,最后在官方文档发现,原来这是插槽。 具体用法如下:
//在这里指定了是 extra 区域
<template #extra>
<a-tag :color="pink">右上标</a-tag>
</template>
这样就可以插入想设置的元素了,而不在局限于字符串。