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

Question

我正在尝试在Vuetify和Flask中创建表格，并且我有一些v-radio-group。这些组中的每一个都有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