【antd-design】例a-tableの列にあるslot-scope=“ {text、record、index}の詳細な説明

3つで表される値は次のとおりです：

テキストはこのアイテムのコンテンツに対応するフィールド値の値を表し、レコードの値はオブジェクトであり、このデータ行のコンテンツ全体を表し、インデックスは現在の行を表します索引

列の1つのセルに複数の変数を表示する方法は前に紹介しましたが、ここでrecordは、実装できることを明確に理解できます。

たとえば、背景から返されたエリア名と建物名は>連結され、セルに表示され

ます。

<div slot="estate" slot-scope="{text, record, index}">
    <span>{
   
   { record.estate_name }} > {
   
   { record.building_name }}</span>
</div>

column.js：

  {
    
    
   title: '区域名',
   width: 250,
   fixed: 'left',
   scopedSlots: {
    
     customRender: 'estate' }
 },