无法在分页实现Vue Vuex之后访问单个列

Question

因此，我一直试图把数据库中的数据放在一个表格中。它以前起过作用，但当我实现分页时，我突然无法检索我以前得到的数据。我尝试了多次，但没能弄清楚。

我的vuedeveloper工具的截图：

​

我更改的store.js操作：

    getLogs({commit}, {url = null} ={}){
      url = url || '/get-log'
      commit('setLogsLoading', true)
      return axiosClient.get(url).then((res) => {
        commit('setLogsLoading', false);
        commit("setLogs", res);
        return res;
      });
    },

我改变的store.js突变：

   setLogs: (state, api_logs) => {
      state.api_logs.links = api_logs.data.links;
      state.api_logs.data = api_logs.data;
    },

我过去是如何通过调用{{log.RESPONSE}}将数据输入表的。

              <tbody class="divide-y divide-gray-200 bg-white">
              <tr v-for="log in logs.data" :key="log">
                <td class="w-1/15 py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6 lg:pl-8">{{
                    log.APIGROUPNO
                  }}
                </td>
                <td class=" px-3 py-4 text-sm text-gray-500">{{ log.DATETIMEEXECUTED }}</td>
                <!--                <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">{{ log.JSONBDY }}</td>-->
                <td class="break-all px-3 py-4 text-sm text-gray-500">{{ log.RESPONSE}}</td>
                <td class="break-all px-3 py-4 text-sm text-gray-500"><span
                  class="bg-red-100 text-red-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-red-200 dark:text-red-900">Error</span>
                </td>
                <td class="relative  py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6 lg:pr-8">
                  <a href="#" class="text-indigo-600 hover:text-indigo-900">View<span
                    class="sr-only">, {{ log.APIGROUPNO }}</span></a>
                </td>
                <td class="relative  py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6 lg:pr-8">
                  <a href="#" class="text-indigo-600 hover:text-indigo-900">Edit<span
                    class="sr-only">, {{ log.APIGROUPNO }}</span></a>
                </td>
              </tr>
              </tbody>

我似乎无法指出问题，无论我尝试什么，我都会得到错误，不能读取未定义的属性

提前感谢

Answer 1

我通过更改v-for循环修正了它，我看到我正在循环通过logs.data，但它必须是logs.data.data .