我想把v-for循环从5到10.

我试过这个

<div v-for="n in 10" v-if="n>=5"></div>

但我想要更有效的循环方式.有人知道怎么做循环从5点开始吗?

推荐答案

你的例子可能是:

<div v-for="i in range(5, 10)">
... some code here
</div>

和安装范围功能:

var app = new Vue({
  el: '#app',
  methods:{
    range : function (start, end) {
      return Array(end - start + 1).fill().map((_, idx) => start + idx)
   }
  }
});

jsfidle个样本.

如果你想知道更多这github issue个可以帮助你.

Vue.js相关问答推荐

Vue 2 如何在全局函数中返回观察者

vue3 + pinia:如何从?store 中获取一个值

Nuxt3-Vue中的useRoute和useRouter有什么区别

Vue3 动态渲染

使用 Vue.js 和 Jest 进行 URL 重定向测试

Vue:如何将 store 与组件一起使用?

未捕获的类型错误:无法读取未定义的属性initializeApp

Vue 3 如何获取有关 $children 的信息

如何在 Vue.js 应用程序中正确下载 Excel 文件?

带有后退按钮的 Vue.js 路由

是否可以从 vue-devtools 中排除 vue 事件和 vuex Mutations?

Vuejs - 使用 v-if 切换的保持活动组件

Vue Chart.js - 条形图上的简单点/线

在 Vue JS 组件中使用 Laravel 路由的最佳方法是什么

如何使用 Vue Test utils 测试输入是否聚焦?

如何在 Vue.js 中延迟 @keyup 处理程序

Vuetify 离线文档

使用 vuex-persistedstate 仅使一个模块持久化

如何将单选按钮绑定到 vuex store ?

超过最大调用堆栈大小 Vuetify