Почему мой vue для div не рендерится и не выдает никаких ошибок? - PullRequest
Новая
       9

Почему мой vue для div не рендерится и не выдает никаких ошибок?

0 голосов
/ 14 октября 2019

У меня есть vue Componentenet, где я хочу визуализировать многомерный массив, но когда я настраиваю v-for, div вообще не рендерится и не выдает никаких ошибок. Я поместил вывод console.log в вычисляемый метод, и он возвращает многомерный массив, который я пытаюсь отобразить на странице, но v-for не отображает его. Кроме того, прямо перед v-for я пытаюсь отобразить элемент из массива, и он работает нормально, он просто не отображает v-for div. Вы знаете, почему это не рендеринг?

Вот шаблон 

<div>
    this is a test
    {{ assets['Article'][0].assetTitle }}
    <div class="assets" v-for="(assetArray, assetCategory) in assets" v-bind:key="assetCategory">
      test
      <h4>{{ assetCategory }}</h4>
    </div>
  </div>

Вот мой расчет: 

computed: {
      ...mapGetters([
         'getAssetSubArrays'
      ]),
      assets () {
          let test = this.$store.getters.getAssetSubArrays(this.flyoutLayer)
          console.log(test)
          console.log('test')
          return test
      }
  },

А вот массив, возвращенный console.log (test) enter image description here

1 Ответ

1 голос
/ 14 октября 2019

@ skirtle дал правильный ответ в комментариях. Я инициировал массив как массив = [], и как только я переключил его на массив = {}, он заработал. Спасибо Skirtle!

...