Vue компонент с бесконечным Typescript l oop в функции рендеринга - PullRequest
0 голосов
/ 18 апреля 2020

Я получаю [Vue warn]: You may have an infinite update loop in a component render function. от этого компонента в Vue с Typescript:

<template>
  <nav class="flex flex-row bg-indigo-200">
    <div
      class="flex-1 bg-white capitalize text-center"
      v-for="(item, index) in items"
      :key="index"
      :class="{ 'border-b': index === activeIndex }"
      :click="goTo(index)"
    >
      {{ item }}
    </div>
  </nav>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component
export default class Menu extends Vue {
  private activeIndex = 0;
  private items: Array<string> = [
    "home",
    "about",
    "experience",
    "skills",
    "interests"
  ];
  goTo(index: number): void {
    this.activeIndex = index;
  }
}
</script>

Я новичок в Vue с Typescript. Вы видите, как избавиться от сообщения?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...