如果您无法在element table中看到树形数据,请确保已正确设置树形数据的属性。首先,您需要设置table的data属性为树形数据数组,每个元素都包含一个children属性,该属性是一个子级数组。例如:

data: [
  {
    label: 'Node 1',
    children: [
      {
        label: 'Node 1-1',
        children: [
          {
            label: 'Node 1-1-1',
            children: []
          },
          {
            label: 'Node 1-1-2',
            children: []
          }
        ]
      },
      {
        label: 'Node 1-2',
        children: []
      }
    ]
  },
  {
    label: 'Node 2',
    children: []
  }
]

其次,您需要在table的columns属性中设置列的配置。确保使用type为'tree'的列类型,并设置prop属性为树形数据的层级路径。例如:

columns: [
  {
    prop: 'label',
    label: 'Label'
  },
  {
    type: 'tree',
    prop: 'children',
    label: 'Children'
  }
]

最后,在table组件上添加show-overflow-tooltip属性,以确保当树形数据内容过长时,可以显示tooltip。

<el-table :data="data" :columns="columns" show-overflow-tooltip></el-table>

通过这些设置,您应该能够在element table中正确显示树形数据。如果问题仍然存在,请检查控制台是否有任何错误消息,并确保您已正确引入element-ui组件库

element table 树形数据不显示

原文地址: https://www.cveoy.top/t/topic/iby5 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录