vue中v-for循環(huán)數(shù)字,index從0開始的實(shí)現(xiàn)方式
更新時(shí)間：2025年04月24日 15:43:49 作者：小泡泡c
這篇文章主要介紹了vue中v-for循環(huán)數(shù)字,index從0開始的實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
vue中v-for循環(huán)數(shù)字,index從0開始
1. 循環(huán)數(shù)字
- 1）代碼
// 寫法一
<a-select style="width: 120px">
<a-select-option :value="index" v-for="index in 14" :key="index"> {{index}}級(jí) </a-select-option>
</a-select>
// 寫法二
<a-select style="width: 120px">
<a-select-option :value="index" v-for="index of 14" :key="index"> {{index}}級(jí) </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}}級(jí) </a-select-option>
</a-select>- 2）效果
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue.js中的extend綁定節(jié)點(diǎn)并顯示的方法
在本篇內(nèi)容里小編給大家整理了關(guān)于Vue.js中的extend綁定節(jié)點(diǎn)并顯示的方法以及相關(guān)知識(shí)點(diǎn)，需要的朋友們學(xué)習(xí)下。2019-06-06
vue element-ui實(shí)現(xiàn)input輸入框金額數(shù)字添加千分位
這篇文章主要介紹了vue element-ui實(shí)現(xiàn)input輸入框金額數(shù)字添加千分位,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-12-12
相信很多人在用Vue使用別人的組件時(shí),會(huì)用到 Vue.use() ,例如：Vue.use(VueRouter)、Vue.use(MintUI),這篇文章主要給大家介紹了關(guān)于Vue中Vue.use()的原理及基本使用的相關(guān)資料,需要的朋友可以參考下2021-10-10
在前端開發(fā)中,大數(shù)據(jù)量列表渲染 一直是性能挑戰(zhàn),假設(shè)我們有一個(gè) API 返回 1 萬條數(shù)據(jù),如果直接渲染到頁面,必然會(huì)導(dǎo)致嚴(yán)重卡頓甚至瀏覽器崩潰,解決方案就是虛擬列表,所以本文給大家介紹了本文兩種實(shí)現(xiàn),并給出適用場景,需要的朋友可以參考下2025-08-08
使用Vue3和Vite實(shí)現(xiàn)對(duì)低版本瀏覽器的兼容
在使用Vite和Vue3構(gòu)建的JavaScript項(xiàng)目中,確保對(duì)低版本瀏覽器的兼容性是一個(gè)重要的考慮因素,以下是一些具體的解決方案和步驟,可以幫助你實(shí)現(xiàn)這一目標(biāo),需要的朋友可以參考下2024-11-11
插槽（Slot）是Vue提出來的一個(gè)概念,正如名字一樣,插槽用于決定將所攜帶的內(nèi)容,插入到指定的某個(gè)位置,從而使模板分塊,具有模塊化的特質(zhì)和更大的重用性,下面這篇文章主要給大家介紹了關(guān)于vue2中插槽(slot)的基本使用規(guī)范的相關(guān)資料,需要的朋友可以參考下2022-03-03
Vue3+UmiJS項(xiàng)目中實(shí)現(xiàn)WebP圖片自動(dòng)轉(zhuǎn)換和優(yōu)化
WebP 是一種現(xiàn)代圖片格式,相比傳統(tǒng)的 JPG/PNG 格式,通?？梢詼p少 25-35% 的文件大小,本文將介紹如何在 UmiJS + Vue 3 項(xiàng)目中實(shí)現(xiàn) WebP 圖片的自動(dòng)轉(zhuǎn)換和智能加載,有需要的小伙伴可以了解下2025-12-12
Vuex模塊化和命名空間namespaced實(shí)例演示
這篇文章主要介紹了Vuex模塊化和命名空間namespaced的相關(guān)知識(shí)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-11-11
Vue3+Vite4項(xiàng)目進(jìn)行性能優(yōu)化的配置方案
這篇文章主要為大家詳細(xì)介紹了Vue3如何結(jié)合Vite4對(duì)項(xiàng)目進(jìn)行性能優(yōu)化的相關(guān)配置,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-04-04
vue中使用file-saver導(dǎo)出文件的全過程記錄
這篇文章主要給大家介紹了關(guān)于vue中使用file-saver導(dǎo)出文件的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-02-02