在Vue.js中隐藏列表中特定元素上方的元素

<template>
  <div>
    <button @click="hideAbove = !hideAbove">Toggle Hide Above</button>
    <ul>
      <li v-for="(item, index) in items" :key="index" v-if="!shouldHideAbove(index)">
        {{ item }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      hideAbove: false,
      items: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']
    };
  },
  methods: {
    shouldHideAbove(index) {
      return this.hideAbove && index > 0;
    }
  }
};
</script>