Vue 使用v-for報錯:Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key

   錯誤原因:

因爲沒有綁定key導致報錯 雖然運行結果不會有錯 但是對於看不得有紅線的我來說還是要解決下的

   解決方法如下:

<ul v-for="stu in student" :key="stu.id">
                <li>{{stu}}</li>
            </ul>

在使用v-for 後邊 綁定一個key爲了給 Vue 一個提示,以便它能跟蹤每個節點的身份,從而重用和重新排序現有元素,你需要爲每項提供一個唯一 key 屬性 key的值一般定爲:valueid

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章