AntDesign VUEの研究ノート（6）表はピックをレンダリング

AntDeign公式サイトの画像表示動的バインディングテーブルのない例がない、Baiduはほとんどを検索構文を使用することはできません反応します。

ここで画像は、一例としてボタンを表示する（picurlのJSONデータが返され、ピクチャアドレスの内容）。
1セットカラム、scopedslots

constの列= [
  {タイトル： '图片'、幅：120、dataIndex：固定'picurl'、 '左'、キー'PIC'、scopedSlots：{customRender： 'PIC' }}、
  {タイトル： '操作'、キー：固定'操作'、 '右'、幅：100、scopedSlots：{customRender： 'アクション' }}
]

図2に示すように、設定されたテーブルスロット

< レイアウトコンテンツ> 
  < 表：カラム= "列" ：データソース= "データ" ：rowSelection = "rowSelection" > 
    < スロット= "アクション" のhref = "javascriptの:;" >查看</ A >     < IMG   スタイル= "幅：100pxに、heigth：100pxに" スロット= "PIC" スロットスコープ= "テキスト、レコード" ：SRC = record.picurl />   </ テーブル> <

ピクチャー表示