element-ui的三级扩展说是要做⼀个省市区的三级列表展开
长这样:
需求说这个最后还要做增删改…
我
实现
mers<el-table :data="areas"border highlight-current-row empty-text="暂⽆数据">
<el-table-column type="expand"label="">
<template slot-scope='scope'>
<el-row v-for="(item1,i1) w.children":key="item1.id"v-if="i1 == 0">
<el-table :data="w.children"border highlight-current-row empty-text="暂⽆数据">
<el-table-column type="expand">
吉他怎么选择<template slot-child="child">
<el-row>
学期总结怎么写
<el-table border highlight-current-row empty-text="暂⽆数据":data="item1.children">
雪绒花花语<el-table-column prop="name"label="名称"align="center"></el-table-column>
<!-- .... -->
安迪的弟弟</el-table>
</el-row>
</template>
</el-table-column>
<el-table-column prop="name"label="名称"align="center"></el-table-column>
<!-- .... -->
</el-table>
</el-row>
</template>
</el-table-column>
<el-table-column type="index"label="编号"align="center">
<template slot-scope="scope">
<span>{{(form.page) * 10 + scope.$index + 1}}</span>
黄兴路步行街</template>
</el-table-column>
<el-table-column prop="name"label="名称"align="center"></el-table-column>
中药文化<!-- .... -->
</el-table>
这里也是我的舞台我之前在做的时候,循环⽼是出不来,也不懂w.children中的row是啥意思,(⼤概是不⽤写for循环直接取item吧,但是我不明⽩在第⼆层再使⽤的时候row会报错undefined.)