Javascript 如何在每个“v-list-item”之间设置“v-divider”组件？

我试图根据我有多少个答案来迭代一个v除法器，这样每个答案都有一个除法器（4）。根据官方文件上的提示，我正在尝试类似的事情，但我无法直截了当，有人可以向我解释我错在哪里？

代码如下：

<template>
  <div class="dark2">
    <v-card max-width="600" class="mx-auto">
      <v-toolbar extended class="mt-10" color="light-blue" dark>
        <v-toolbar-title class="flex text-center">
          <h2 class="text-center mt-10">Quiz Dark 2</h2>
        </v-toolbar-title>
      </v-toolbar>

      <v-progress-linear :value="progress"></v-progress-linear>

      <v-list subheader two-line v-for="(element, index) in questions.slice(a,b)" :key="index" v-show="quiz">
        <h1 class="text-center my-4">Domanda {{ b }}/{{ questions.length }}</h1>
        <v-list-item class="d-flex justify-center text-center">{{ element.question }}</v-list-item>
        <v-divider class="mt-10"></v-divider>

        <v-list-item-group active-class="pink--text">
          <v-list-item class="d-flex justify-center my-2" v-for="(item, index) in element.suggestions" :key="index">
            {{ item.suggestion }}
          </v-list-item>
          <v-divider v-if="index < questions.length - 1"
                     :key="index"></v-divider>
        </v-list-item-group>
      </v-list>

    </v-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      questions: [
        {
          question: 'Cosa lascia Micheal kanhnwald a suo figlio Jonas prima di impiccarsi?',
          suggestions: [
            {suggestion: 'Un libro'},
            {suggestion: 'Una lettera'},
            {suggestion: 'Una torcia futuristica'},
            {suggestion: 'Un contatore Geiger'}
          ]
        }
      ],
      a: 0,
      b: 1,
      select: false,
      score: 0,
      quiz: true,
      score_show: false,
      next: false,
      progress: 0
    }
  }
}
</script>

测验2
多曼达{{b}/{{questions.length}
{{element.question}}
{{item.suggestion}}
导出默认值{
数据（）{
返回{
问题:[
{
问题：“我们的目标是什么？”，
建议：[
{建议：“联合国自由行”}，
{建议：'Una lettera'}，
{建议：'Una torcia futuristica'}，
{建议：'Un contatore Geiger'}
]
}
],
答:0,，
b:1，
选择：false，
分数：0，
小测验：没错，
分数显示：错误，
下一个：错，
进展：0
}
}
}

正如您在Vuetify官方文档提供的示例中所看到的，您的

v-list-item-group

标签中应该有一个

模板

标签。大概是这样的：

  <v-list-item-group active-class="pink--text">
    <template v-for="(item, index) in element.suggestions">
      <v-list-item class="d-flex justify-center my-2" :key="index">
        {{ item.suggestion }}
      </v-list-item>
      <v-divider
          v-if="index < element.suggestions.length - 1"
          :key="`${index}-divider`"
      ></v-divider>
    </template>
  </v-list-item-group>

{{item.suggestion}}

唯一的区别是在

v-list-item-group

中使用

template

，然后在自定义

模板中的
v-list-item
旁边添加
v-divider

希望对您有所帮助，祝您编码愉快。
谢谢您的更正，我接受了您的建议。但是，这并不能帮助我解决v分隔符的问题，它不能为“建议”列表中的每个元素创建一个分隔符抱歉，我没有更正
v-if
部分数学，我编辑了答案，尝试使用
索引<（element.suggestions.length-1）
什么都没有，v形分隔器放在元件旁边，但它应该放在它下面。链接不存在，顺便说一句，我更新了代码，您是否用
替换了
v形分隔器
？
if
条件在我之前是错误的是，但这就是发生的情况，而v分隔符应该位于每个项目下