Vuetify - 我如何将单选按钮值保存在变量中

Question

我正在尝试在 Vuetify 和 Flask 中制作表格，并且我有一些 v-radio-groups。这些组中的每一个都有 5 个单选按钮，其中每个单选按钮作为关联的值。我假装收集在每个组中选择的值并发送到另一条路线。我该怎么做？在这一刻我有一个提交按钮，我正在使用@click，但他什么也没做......另外，我认为我没有很好地保存单选按钮的值。

v-radio-groups 组的代码：

        <v-list-item v-for="(next, i) in questionsExceptFirst(questions)" :key="i">
          <v-container fluid>
            <p>{{next.text}}</p>
            <v-radio-group row :rules="[v => !!v || 'Item is required']" required >
              <v-radio v-for="n in 5" :key="n" :value="n" :label="`${n}`"/>
            </v-radio-group>
          </v-container>
        </v-list-item>

Answer 1

这是一个解决方案的示例：https://codesandbox.io/s/multiple-radio-groups-with-one-v-model-7v6qm?fontsize=14&hidenavigation=1&theme=dark