v-shown无法从数组索引中读取值

<template>
  <div>
    <div v-for="(item, index) in items" :key="index" v-show="isItemVisible(index)">
      {{ item }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['item1', 'item2', 'item3'],
    };
  },
  methods: {
    isItemVisible(index) {
      // 根据索引判断元素是否可见
      // 这里可以根据具体的条件来判断元素的显示和隐藏
      // 返回true表示元素可见，返回false表示元素隐藏
      return index === 0; // 示例中只显示第一个元素，其他元素隐藏
    },
  },
};
</script>