vue中v-for循环数字,index从0开始的实现方式

更新时间：2025年04月24日 15:43:49 作者：小泡泡c

这篇文章主要介绍了vue中v-for循环数字,index从0开始的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue中v-for循环数字,index从0开始

1. 循环数字

1）代码

// 写法一
<a-select style="width: 120px">
 <a-select-option :value="index" v-for="index in 14" :key="index"> {{index}}级   </a-select-option>
</a-select>

// 写法二
<a-select style="width: 120px">
 <a-select-option :value="index" v-for="index of 14" :key="index"> {{index}}级   </a-select-option>
</a-select>

2）效果

2. index 从 0开始

1）代码

<a-select style="width: 120px" >
 <a-select-option :value="index" v-for="(n,index) in 14" :key="index"> {{index}}级 </a-select-option>
</a-select>

2）效果

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue/React子组件实例暴露方法(TypeScript)
最近几个月都在用TS开发各种项目，框架有涉及到Vue3,React18等，记录一下Vue/React组件暴露出变量/函数的方法的写法，对vue react组件暴露方法相关知识感兴趣的朋友跟随小编一起看看吧
2022-11-11
解决threeJS加载obj gltf模型后颜色太暗的方法
这篇文章主要为大家介绍了解决threeJS加载obj gltf模型后颜色太暗的方法示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
vue移动端实现红包雨效果
这篇文章主要为大家详细介绍了vue移动端实现红包雨效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-07-07
element-ui使用导航栏跳转路由的用法详解
今天小编就为大家分享一篇element-ui使用导航栏跳转路由的用法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
Vue 组件注册全解析
这篇文章主要介绍了Vue 组件注册全解析的相关资料，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下
2020-12-12
vue+Element ui实现照片墙效果
这篇文章主要为大家详细介绍了vue+Element ui实现照片墙效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
使用 Vue3 实现文章目录功能
本文给大家分享如何使用vue3实现文章目录功能，特色功能主要是自动高亮选中当前正在阅读的章节，自动展开当前正在阅读的章节的子标题，并隐藏其他章节的子标题，代码简单易懂，感兴趣的朋友跟随小编一起看看吧
2022-03-03
Vue3如何获取来源路由
这篇文章主要介绍了Vue3如何获取来源路由问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-07-07
详解Vue实现链接生成二维码并支持下载
在现代 Web 应用中,快速分享链接是一项常见需求,二维码作为一种简洁的分享方式,受到了广泛欢迎,所以本文将介绍如何使用 Vue 纯前端技术实现动态生成链接二维码的方法,需要的可以参考下
2024-03-03
vue3+typeScript穿梭框的实现示例
这篇文章主要介绍了vue3+typeScript穿梭框的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-12-12