columnItem.vue 713 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <el-table-column :prop="col.prop" :label="col.label" :align="alignType">
  3. <template v-for="(item, index) of col.children">
  4. <column-item v-if="item.children" :key="index" :col="item"></column-item>
  5. <el-table-column
  6. v-else
  7. :key="index"
  8. :label="item.label"
  9. :prop="item.prop"
  10. :align="alignType"
  11. ></el-table-column>
  12. </template>
  13. </el-table-column>
  14. </template>
  15. <script>
  16. export default {
  17. name: "ColumnItem",
  18. props: {
  19. col: {
  20. type: Object
  21. },
  22. // 判断单元格文字是居中还是左对齐显示
  23. alignType: {
  24. type: String,
  25. default: "center" // 默认居中
  26. }
  27. }
  28. };
  29. </script>
  30. <style scoped></style>