目標是渲染另一個列表中項目內的列表；例如帶有各自標題的章節列表。這通常可以通過 q-list 相對容易地完成。但是，我需要使用 q-tables 來做到這一點。我嘗試了以下解決方案，但 v-for 遇到了一些困難。<div id="q-app">  <div class="q-pa-md">    <q-table      :data="data"      :columns="columns"      row-key="name"    >      <template v-slot:body="props">        <q-tr :props="props">          <q-td auto-width>            <q-btn size="sm" color="accent" round dense @click="props.expand = !props.expand" :icon="props.expand ? 'remove' : 'add'" />          </q-td>          <q-td            v-for="col in props.cols"            :key="col.name"            :props="props"          >            {{ col.value }}          </q-td>        </q-tr>                <q-tr             :props="props"            v-show="props.expand"             v-for="item in data"          >              <q-table                                                     hide-header               hide-bottom               :data="item.childs"               :columns="columnsChilds"               style="background:yellow">           </q-table>            </q-tr>      </template>    </q-table>  </div> </div>代碼筆 https://codepen.io/ijose/pen/eYzawpx