vue element-ui 表格嵌套表格的数据处理
<el-table :data=""
v-loading="listLoading"
element-loading-text="给我一点时间"
height="500"
element-loading-background="rgba(0, 0, 0, .3)"
style="width: 100%">
<el-table-column type="expand" prop="names">
<template slot-scope="scope" >
<el-table :data="" >
<el-table-column prop="name" label="名称" sortable align="center">
<template slot-scope="scope">
<span>{{scope.row.name}}</span>
</template>
</el-table-column>
<el-table-column prop="num" label="数量" sortable align="center">
<template slot-scope="scope">
<span>{{scope.row.num}}</span>
</template>
</el-table-column>
</el-table>
</template>
</el-table-column>
<el-table-column prop="Id" label="编号" sortable align="center" >
<template slot-scope="scope">
<span>{{scope.row.Id}}</span>
</template>
</el-table-column>
<el-table-column fixed="right" align="center" width="100" label="操作">
<template slot-scope="scope">
<el-dropdown trigger="click" @command="handleCommand">
<el-button class="btn-drop-down" @click="selectRow()">
<i class="el-icon-arrow-down"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="edit">编辑</el-dropdown-item>
<el-dropdown-item command="del">删除</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</template>
</el-table-column>
</el-table>