v-for=“item in 10“，如何倒序渲染？

• Z时代
• 2024-02-15
• 分类：IT

v-for=“item in 10“，如何倒序渲染？我想要的结果是10,9,8,7,6,5,4,3,2,1

回答：

<template>
  <div>
    <div v-for="item in reversedItems" :key="item">{{ item }}</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      items: Array.from({ length: 10 }, (_, index) => index + 1),
    };
  },
  computed: {
    reversedItems() {
      return this.items.slice().reverse();
    },
  },
};
</script>

以上是 v-for=“item in 10“，如何倒序渲染？ 的全部内容， 来源链接： utcz.com/p/935141.html