小编Iva*_*vić的帖子

我对 Vue.js 有疑问。我怎样才能解决这个问题？我在文档中没有找到任何内容。我收到此错误：“[vue/require-v-for-key] 迭代中的元素期望具有 'v-bind:key' 指令。”

这是：“迭代中的元素期望有‘v-bind:key’指令。”

我的 Roulette.vue 有这个

<template>
  <div class="roulette">
    <h1>Roulette</h1>
    <div class="radio" v-for="genre in genres"> **here**
      <input 
        @change="onGenrePick"
        type="radio"
        name="genre"
        v-bind:id="genre.id"
        v-bind:value="genre.id">
      <label v-bind:for="genre.id">{{genre.name}}</label>
    </div>
    <Button class="btn" :onClick="roll">Roll</Button>

    <MovieCard 
      v-if="!!movie"
      v-bind:image="serviceGetImagePath(movie.poster_path)"
      v-bind:title="movie.title"
      v-bind:releaseDate="serviceFormatYear(movie.release_date)"
      v-bind:id="movie.id"
      v-bind:voteAverage="movie.vote_average"/>
  </div>
</template>

<script>
  import MovieCard from '../components/MovieCard'
  import Button from '../components/Button'
  import {movieService} from '../mixins/movieService'

  export default {

    name: 'Roulette',
    components: {Button, MovieCard},
    mixins: [movieService],
    mounted: async function () {
      this.genres = await this.serviceGetGenres()
    },
    data: () => ({
      genres: [], …