在学习ant design vue,学习卡片部分,想通过json传送卡片文本信息,仿照table的实例写在card里不行,求教一下大家该怎么做?
<a-row :gutter="16">
<a-col :span="6" v-for="(item,index) in items" :key="index">
<a-card hoverable style="width: 250px ;margin: 5px 5px;">
<img slot="cover" @click="toMain(item.id)" alt="example" :src="item.imageUrl"/>
<template slot="actions" class="ant-card-actions">
<a-icon key="setting" @click="setting(item.id)" type="setting" />
<a-icon key="edit" type="edit" />
<a-popconfirm
title="确定要删除吗?"
ok-text="确认"
cancel-text="取消"
@confirm="deletecp(item.id)"
>
<a-icon key="ellipsis" type="delete" />
</a-popconfirm>
</template>
<a-card-meta :title="item.name" :description="item.description">
<a-avatar slot="avatar" src="../../../static/x.png" />
</a-card-meta>
</a-card>
</a-col>
</a-row>