Can't model data coming from v-data-table

Hey everyone I’m having some problems here, I find it hard to understand how to get the updated value of forms located inside v-data-table
I can’t get it from the data property

<v-data-table

          :headers="headers"

          :items="questions"

          :search="searchStr"

          class="

            table table-striped table-bordered

            secondary--text

            light

            mt-3

          "

        >


          <template v-slot:item="row">

            <tr>

              <td>{{ row.item.questionBody }}</td>

              <td>

                {{

                  path == 'category'

                    ? getCategoryName(row.item.categoryId)

                    : path == 'level'

                    ? getLevelName(row.item.levelId)

                    : null

                }}

              </td>

              <td>{{ row.item.options }}</td>

              <td>{{ row.item.answer }}</td>

              <td>

                <v-row>

                  <v-col>

                    <QAEditComp

                      :dialog="dialog"

                      icon="mdi-pencil"

                      :questionData="row.item"

                    >

                      <v-form :ref="form">

                        <v-text-field

                          name="name"

                          label="Question"

                          id="id"

                          v-model="row.item.questionBody"

                          :rules="inputRules"

                        ></v-text-field>

                        <v-select

                          :items="catName"

                          v-model="category"

                          label="Category"

                        ></v-select>

                        <v-select

                          :items="levelNames"

                          v-model="level"

                          label="Level"

                        ></v-select>

                        <v-text-field

                          name="name"

                          label="Answer option"

                          v-model="row.item.option[0]"

                          id="id"

                          :rules="inputRules"

                        ></v-text-field>
                        <v-text-field

                          name="name"

                          v-model="row.item.answer"

                          label="Answer"

                          id="id"

                        ></v-text-field>

                        <v-btn color="success" @click="doThis(row.item)"

                          >Save</v-btn

                        >

                        <v-btn color="" text @click="dialog = false"

                          >Cancel</v-btn

                        >

                      </v-form>

                    </QAedit>

                    <v-btn fab text small @click="deleteMe(row.item.id)">

                      <v-icon>mdi-delete</v-icon></v-btn

                    >

                  </v-col>

                </v-row>

              </td>

            </tr>

          </template>

        </v-data-table>

I need the modelled data to update the API given that this is an admin page where changes can be made to any selected questions from the table

Replies please

Hi there.

Why is the data in a table?

A v-for might be a simper way to do this - if you want to loop through things. Or maybe just script the form itself?