elementui table树形数据无效

问题描述

table树形数据设置,不显示下拉箭头

将官网相关demo复制到本地仍不能正常工作,没有报错
vue: ^2.5.2,
element-ui: ^2.6.1

clipboard.png

相关代码

<el-table

        :data="tableData"
        style="width: 100%;margin-bottom: 20px;"
        border
        row-key="id">
        <el-table-column
          prop="date"
          label="日期"
          sortable
          width="180">
        </el-table-column>
        <el-table-column
          prop="name"
          label="姓名"
          sortable
          width="180">
        </el-table-column>
        <el-table-column
          prop="address"
          label="地址">
        </el-table-column>
    </el-table>

data(){
        return {
            // id:null,
            tableData: [{
              id: 1,
              date: '2016-05-02',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1518 弄'
            }, {
              id: 2,
              date: '2016-05-04',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1517 弄'
            }, {
              id: 3,
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1519 弄',
              children: [{
                  id: 31,
                  date: '2016-05-01',
                  name: '王小虎',
                  address: '上海市普陀区金沙江路 1519 弄'
                }, {
                  id: 32,
                  date: '2016-05-01',
                  name: '王小虎',
                  address: '上海市普陀区金沙江路 1519 弄'
              }]
            }, {
              id: 4,
              date: '2016-05-03',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1516 弄'
            }],
        }
    },

你期待的结果是什么?实际看到的错误信息又是什么?

回答:

版本 v2.7.0 开始增加了对 table 树形结构的支持

changelog

回答:

2.7.0增加的树形结构,不过现在不建议使用,树形结构有BUG,设置默认展开项的时候有问题。可以等下一个版本修复

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注