antdesign+vue3表格table实现插槽

干饭了干饭了1

已于 2023-08-29 15:09:14 修改

阅读量1.9k

点赞数

文章标签： vue.js javascript

于 2023-05-17 10:56:11 首次发布

本文链接：https://blog.csdn.net/m0_45827438/article/details/130720368

版权

实现效果：

1.template部分

        <a-table
          :getContainer="() => $refs.templateform"
          :columns="templatecolumns"
          :data-source="templatedata"
          :rowKey="(record) => record.id"
          :loading="templateloading"
          :pagination="pagination"
          :customRow="clickRow"
          :row-selection="{ selectedRowKeys: templateSelectedRowKeys, onChange: onSelectChange }"
        >
          //使用#绑定名称，#后就是名称
          //text表示当前行的值，record表示当前行的数据
          <template #status="{ text }">
            <span>
              {
  { text === 1 ? '可见' : text === 2 ? '不可见' : text =