vue3 foreach 跳过某次循环

在 Vue3 中，如果你想要在 `v-for` (通常用于遍历数组) 循环中跳过某些项，你可以通过条件控制来实现。例如，你可以结合 `if` 或者三元表达式来判断是否需要渲染当前的元素。下面是一个简单的例子：

<template>
  <ul>
    <li v-for="item in items" :key="item.id">
      {{ item.name }}
      <!-- 使用三元表达式跳过特定条件下的项 -->
      <span v-if="!shouldSkipItem(item)">更多信息</span>
    </li>
  </ul>
</template>

<script setup>
const items = [
  { name: 'Item 1', skip: false },
  { name: 'Item 2', skip: true },
  { name: 'Item 3', skip: false }
];

function shouldSkipItem(item) {
  // 这里可以根据 item.skip 属性或其他条件决定是否跳过
  return item.skip;
}
</script>

在这个例子中，如果 `shouldSkipItem(item)` 返回 `true`，那么对应的 `<li>` 元素及其内部的 `span` 就不会被渲染。