ant design vue的卡片中如何用json传输数据呢?

在学习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>