vue上可见元素的连续计数

<template>
  <div>
    <div v-for="(item, index) in items" :key="index" v-show="isVisible(index)">
      <!-- 可见的元素内容 -->
    </div>
    <p>可见元素数量：{{ visibleCount }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [/* 数据列表 */],
      visibleCount: 0
    };
  },
  methods: {
    isVisible(index) {
      // 判断元素是否可见的逻辑，可以根据实际需求进行修改
      // 这里假设元素的可见性由一个名为visible的属性控制
      return this.items[index].visible;
    }
  },
  computed: {
    visibleCount() {
      // 计算可见元素的数量
      return this.items.filter(item => item.visible).length;
    }
  }
};
</script>