在table中获取每一行scope的值

目的

当前有一份如下数据需要展示在表格中，表格的页面元素套了一个折叠面板，需要循环page_elements中的数据展示出来

错误实践

将template放在了折叠面板中，获取到的scope是空数组

    <el-table-column label="页面元素" show-overflow-tooltip><div class="demo-collapse"><el-collapse accordion><el-collapse-item name="1"><template #title>当前页面元素路径</template><template #default="scope"><div>{{scope}}</div>
<!--                  <div v-for="elem in scope.row.page_elements">-->
<!--                    <div class="pm1">-->
<!--                      <div>元素名称：elem.location_name</div><div>定位方式：elem.location_method</div><div>路径：elem.location_url</div>-->
<!--                    </div>-->
<!--                  </div>--></template></el-collapse-item></el-collapse></div></el-table-column>

在这里插入图片描述

正确实践

将template放在表格中，成功获取到scope

    <el-table-column label="页面元素" show-overflow-tooltip><template #default="scope"><div class="demo-collapse"><el-collapse accordion><el-collapse-item name="1"><template #title>当前页面元素路径</template><div>{{scope.row}}</div>
<!--                <div v-for="elem in scope.row.page_elements">-->
<!--                  <div class="pm1">-->
<!--                    <div>元素名称：elem.location_name</div><div>定位方式：elem.location_method</div><div>路径：elem.location_url</div>-->
<!--                  </div>-->
<!--                </div>--></el-collapse-item></el-collapse></div></template></el-table-column>