vue v-for 循环嵌套报错问题，请大佬闷帮忙看看

我准备实现一个树形结构渲染，大概是以下这样

楼栋 i 楼层 n 房间 x 

但是在循环楼层 n和房间 x时出现了报错，取不到上一个v-for的item，告诉我未定义

我直接贴代码吧， 用的vue.js

错误

ReferenceError: hall is not defined 

js

let app = new Vue({ el: '#app', data: { // 楼栋、楼层、房间数据 hallList: [ { index: 4, name: '四号楼', show: true, floorList: [ { index: 1, name: '一层', show: true, roomList: [ { id: 1, room_number: '4604', room_type: '14', room_status: 1, is_dirty: 52, order_id: 1, member: ['余小波', '李家平'] } ] }, { index: 2, name: '二层', show: true, roomList: [ { id: 1, room_number: '4604', room_type: '14', room_status: 1, is_dirty: 52, order_id: 1, member: ['余小波', '李家平'] } ] } ] }, { index: 3, name: '三号楼', show: true, floorList: [ { index: 1, name: '一层', show: true, roomList: [ { id: 1, room_number: '4604', room_type: '14', room_status: 1, is_dirty: 52, order_id: 1, member: ['余小波', '李家平'] } ] }, { index: 2, name: '二层', show: true, roomList: [ { id: 1, room_number: '4604', room_type: '14', room_status: 1, is_dirty: 52, order_id: 1, member: ['余小波', '李家平'] } ] }, { index: 3, name: '三层', show: true, roomList: [ { id: 1, room_number: '4604', room_type: '14', room_status: 1, is_dirty: 52, order_id: 1, member: ['余小波', '李家平'] } ] } ] } ], // 当前渲染楼层 floorList: [], // 选中楼栋楼层 currentHallIndex: 3, currentFloorIndex: 1, }, }); 

html

<li class="hall-body" v-for="(hall, i) in hallList" :key="i"> <div class="hall-body-title"> {{hall.name}} </div> <div class="hall-body-content"> {{hall.floorList}} <!-- 楼层 --> <li class="floor-body" v-for="(floor, n) in hall.floorList" :key="n" > <div class="floor-body-title"> {{floor.name}} </div> <div class="floor-body-content"> <!-- 房间 --> <li class="room" v-for="(room, x) in floor.roomList" :key="x" > <div class="room-number">{{room.room_number}}</div> </li> </div> </li> </div> </li>