vue報錯:v-for報錯:Elements in iteration expect to have 'v-bind:key' directives解決方法

	<ul>
      <li v-for="pwd in pwds"  >{{pwd}}</li>
    </ul>

報錯信息提示:

在這裏插入圖片描述

缺少 綁定
修改代碼:

 	<ul>
      <li v-for="pwd in pwds"  :key="pwd">{{pwd}}</li>
    </ul>
<template>
  <div class="pwd">
    <ul>
      <li v-for="pwd in pwds"  :key="pwd">{{pwd}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'Pwd',
  data () {
    return {
      pwds: ['qqq', 'www', 'eee']
    }
  }

}
</script>

<style scoped>

</style>

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