elementplusd的table组件获取prop的值

对于ElementPlus的Table组件，你可以使用prop属性来获取值。可以使用以下代码来获取prop属性的值：

<template>
  <el-table
    :data="tableData"
    :height="height"
    :stripe="stripe"
    :border="border"
    :show-header="showHeader"
    :show-summary="showSummary"
    :sum-text="sumText"
    :summary-method="getSummaries"
    :row-class-name="rowClassName"
    :cell-class-name="cellClassName"
    :header-row-class-name="headerRowClassName"
    :header-cell-class-name="headerCellClassName"
    :row-style="{color: '#f00'}"
    :cell-style="{color: '#0f0'}"
    :header-row-style="{color: '#00f'}"
    :header-cell-style="{color: '#ff0'}"
    :highlight-current-row="highlightCurrentRow"
    :current-row-key="currentRowKey"
    :row-key="rowKey"
    :empty-text="emptyText"
    :default-expand-all="defaultExpandAll"
    :expand-row-keys="expandRowKeys"
    :default-sort="defaultSort"
    :tooltip-effect="tooltipEffect"
    :show-overflow-tooltip="showOverflowTooltip"
    :size="size"
    :fit="fit"
    :stripe="stripe"
    :tree="tree"
    :lazy="lazy"
    :load="load"
    :row-accordion="rowAccordion"
    :indent="indent"
    :remote="remote"
    :api="/api/getTableData"
    :columns="columns" 
    :table-layout="tableLayout" 
    :custom-index="customIndex">  
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: '2016-05-03',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles'
        },
        {
          date: '2016-05-02',
          name: 'Jerry',
          address: 'No. 202, Victoria St, New York'
        },
        {
          date: '2016-05-04',
          name: 'Lucy',
          address: 'No. 189, Grove St, Los Angeles'
        }
      ],
      columns: ['date', 'name', 'address'],
      height: '',
      stripe: false,
      border: true,
      showHeader: true,
      showSummary: false,
      sumText: '',
      rowClassName: '',
      cellClassName: '',
      headerRowClassName: '',
      headerCellClassName: '',
      highlightCurrentRow: false,
      currentRowKey: '',
      rowKey: '',
      emptyText: 'No Data',
      defaultExpandAll: false,
      expandRowKeys: [],
      defaultSort: {},
      tooltipEffect: 'dark',
      showOverflowTooltip: false,
      size: '',
      fit: true,
      tree: false,
      lazy: false,
      load: '',
      rowAccordion: false,
      indent: 16,
      remote: false,
      customIndex: (index) => {
        return index + 1
      },
      tableLayout: 'auto'
    }
  }
}
</script>

然后，你可以在Vue组件中使用$props对象来获取Table组件的prop属性，如下所示：

<template>
  <div>
    <el-table ... v-bind="$props" />
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$props.size); // Output: ""
    console.log(this.$props.border); // Output: true
    console.log(this.$props.columns); // Output: ["date", "name", "address"]
    //...
  }
}
</script>

这将输出当前Table组件的所有prop属性的值。