antd vue table组件中slots scopedSlots scopedSlots 的用法

最新推荐文章于 2024-08-09 17:54:22 发布

北方爷们儿

最新推荐文章于 2024-08-09 17:54:22 发布

阅读量5.5k

点赞数

文章标签： ant

本文链接：https://blog.csdn.net/hxm2017jy/article/details/121927621

版权

项目中遇到，表格字段显示需要判断，用到了这些属性，小记一下

template中的写法

<a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        class="j-table-force-nowrap"
        :scroll="{ x: true }"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        @change="handleTableChange"
      >
      <!-- 初步诊断 -->
      <template slot="auto_diagnosis" slot-scope="item">
          <span>
            {{item.diagnosisName?item.diagnosisName:item.otherDiagnosis }}
          </span>
      </template>
</a-table>

data中这样写：

	{
          title: '初步诊断',
          align: 'center',
          slots: { title: 'auto_diagnosis' },
          scopedSlots: { customRender: 'auto_diagnosis' },
        },
]

就完美结局咯~