问题

在官方文档中，table 要实现异步加载下一级的数据，只能点击左侧的箭头触发

那么，如何让点击表单内容，也可以触发加载呢？比如说点击 “2016-05-01” 也可以加载下级数据

方法

在 <el-table></el-table> 这个组件上，加上一个 ref, 然后给第一列的字段，加上一个自定义的插槽，并设置点击事件 toggle_child，代码如下：

<el-table ref="table">
    <el-table-column
                prop="date"
                label="日期"
   >
       <template slot-scope="scope">
            <span @click="toggle_child(scope.row)">{{ scope.row.date }}                    </span>
       </template>
   </el-table-column>
   <!-- ... -->
</el-table>

然后在 js 代码中，声明这个方法

export default {
    // ...
    methods:{
        // ...
        toggle_child(row){
            this.$refs['table'].store.loadOrToggle(row);
        }
    }
}

好了，这样做就可以实现了

本作品采用《CC 协议》，转载必须注明作者和本文链接