Nuxt.js error Elements in iteration expect to have ‘v-bind:key’ directives vue/require-v-for-keyが発生時の対処法

Nuxt.js error  Elements in iteration expect to have ‘v-bind:key’ directives  vue/require-v-for-keyが発生時の対処法

Nuxt.js(Vue.jsのフレームワーク)を v-forディレクティブを利用時にエラーが発生したので対処手順を記載。

環境

  • OS  ubuntu19.10
  • node v12.13.0
  • npm 6.12.1
  • Nuxt.js v2.10.2

エラー内容

key属性の設定が必要みたいです。

対処法

エラーメッセージ通りkey属性を指定する

変更前

変更後