<li v-for='item in items' >{{item.id}}</li> 为什么会出现报错?
发布于 14天前 作者 ReZhangxin 123 次浏览 来自 问答
<template>
  <ul class="wrapper">
        <li v-for='item in items' >{{item.id}}</li>
  </ul>
</template>
<script>
export default {
  name: 'Info',
  data () {
      return {
          items:[
            {id:'真理惟一可靠的标准就是永远自相符合。 —— 欧文',age:12},
            {id:'时间是一切财富中最宝贵的财富。 —— 德奥弗拉斯多',age:1},
            {id:'世界上一成不变的东西,只有“任何事物都是在不断变化的”这条真理。 —— 斯里兰卡',age:14},
            {id:'过放荡不羁的生活,容易得像顺水推舟,但是要结识良朋益友,却难如登天。 —— 巴尔扎克',age:7},
            {id:'这世界要是没有爱情,它在我们心中还会有什么意义!这就如一盏没有亮光的走马灯。 —— 歌德',age:9},
            {id:'生活有度,人生添寿。 —— 书摘',age:33}
          ]
      }
  }
}
</script>

[vue-language-server]:Elements in iteration expect to have ‘v-bind:key’ directives.

3 回复

v-for=’item in items’

:key=’item.id’

是用vsc吗,vsc里面v-for不加v-bind:key 会报错但不影响使用

回到顶部