Vue.js 列表不会在vuetify中呈现

我用vuetify创建了一个列表，其中使用了两个v-for标记 首先，我向数据库发送一个请求并创建初始列表，但是当根据第一个列表选择一个选项时，会创建第二个列表，当在第一个列表中选择一个选项时，会向数据库发送一个请求。并根据接收到的数据，创建该选项的子列表。 但是当第二个请求被发送到数据库时​​传递到第二个列表时，第二个列表不会呈现，我必须再次单击该列表以显示第二个列表。 请引导我。 谢天谢地

见下图

  <v-card class="mx-auto" max-width="100%">
      <v-list two-line>
        <v-list-item-group v-model="selected" active-class="teal--text">
          <v-subheader inset class="text-h6">Attributes</v-subheader>

          <div v-for="(attributes, index) in items" :key="index">
            <v-list-item @click="getvalue(attributes.id)">
              <template>
                <v-list-item-content>{{
                  attributes.title
                }}</v-list-item-content>
              </template>
            </v-list-item>

            <v-divider></v-divider>

          <div
            v-for="attributeslast in items3[attributes.id]"
            :key="attributeslast.id"
          >
            <v-list-item
              @click="getvalue2m2(attributes.id, attributeslast.id)"
            >
              <template>
                <v-list-item-content>{{
                  attributeslast.title
                }}</v-list-item-content>
              </template>
            </v-list-item>

            <v-divider></v-divider>
          </div>

          </div>

        </v-list-item-group>
      </v-list>
    </v-card>

属性
{{
属性.标题
}}
{{
属性last.title
}}