получение данных от json для заполнения таблицы данных

Question

Добрый день, разработчики ... Я пытаюсь заполнить таблицу данных динамически, используя информацию, уже извлеченную посредством выборки и ранее сохраненную в переменной в моем экземпляре vuex и теперь вызываемую как вычисляемое свойство в моих апплетах, которые говорят, что у меня есть это:

<script>
import { mapActions, mapGetters } from "vuex";
export default {
  name: "Games",
  data() {
    return {
      search: "",
      headers:[
             {text:'Game#', value:'Game#'},
             {text:'Players in Game',value:'Players inGame'},
             {text:'Permissions',value:'Permissions'},
             {text:'Results',value:'Results'},

      ],

    };
  },
  components: {
  },
  props: ["gameid"],
  methods: {
    ...mapActions(["fetchingJsonEvents", "joinToGame","logOut", "createGame"]),

  },
  computed: {
    ...mapGetters(["getGamesAll", "getUserLogged"]),
    getGamesAll(){
       return this.$store.getters.getGamesAll.games-------->here is where the json is stored
    }
  },
  created() {
    this.fetchingJsonEvents();
  }
};
</script>

и мой тег html, вызывающий это значение, и все остальное выглядит так:

<v-data-table :search="search" :headers="headers" v-bind:items="getGamesAll">
    <template>
          <tbody>
            <tr v-for="(general, index) in getGamesAll.games" v-bind:key="index">
              <td>Game {{general.id}}:</td>

              <td>xxxxxxxx</td>
              <td>xxxxxxxx</td>
          </tbody>
     </template>
 </v-data-table>

, но таблица не показывает никакого результата, она работала с v- простой стол, но как только я пытаюсь сделать это таким образом, это не .... Любой совет ..... заранее спасибо

Answer 1

это не нужно:

getGamesAll(){
 return this.$store.getters.getGamesAll.games
}

, потому что у вас уже есть его использование mapGetters:

...mapGetters(["getGamesAll", "getUserLogged"]),

если у вашего геттера getGamesAll есть данные, тогда это должно просто сработать:

<tr v-for="(general, index) in getGamesAll.games" v-bind:key="index">