vue3中$index在控制台报错？

<template>
  <div>
    <p v-for="(item, index) in items" :key="item.id">
      这个{{ index }}在控制台报错怎么修改呀？<br />
      我在里面加了判断是否联网的方法之后就开始报错了，之前没有报错，该怎么改正？
    </p>
    <p><img class="md_img" src="" alt="img"></p>
    <p><img class="md_img" src="" alt="img"></p>
    <p><img class="md_img" src="" alt="img"></p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
        { id: 3, name: 'Item 3' }
      ]
    }
  }
}
</script>