Vue 2.6的循環下標索引獲取

原創 没人看的垃圾博客 2020-02-21 12:16

今天在做一個簡單的項目要獲取循環的index，然後去查官方文檔是這樣的
注意item和index的循序
然後我找了十多分鐘bug，人都傻掉了
文檔的item和index的循序居然反了，應該是v-for="（index,item) in items "

官方文檔給的循序居然有問題，不知道是不是我版本的

沒人看的垃圾博客
發佈了12 篇原創文章 · 獲贊 6 · 訪問量 2334
私信 關注
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

vue cli-3中關於img標籤無法循環加載後端傳來的src路徑

圖片在項目下的相對路徑(一定要放vue cli-3的public文件夾中，原來的static文件夾沒有了)：./…/…/public/dishPics/waterFish.jpg 在數據庫中存儲的路徑(一定不要加public)：

OliverLOL 2020-06-29 09:30:36

vue父子組件嵌套的時候遇到 - Component template should contain exactly one root element. If you are using v-i

今天在學習vue組件的嵌套時頁面報錯。 大概的意思是：組件模板應該包含一個根元素。 錯誤代碼： var childComponent = Vue.extend({ template: '<div>this is

请不要让我脱发 2020-06-21 05:09:11

vue 不能進行熱更新問題的解決

在vue項目中，之前熱更新還是好的，突然發現在macos上失敗，修改代碼需要npm run dev進行重啓才能更新，非常影響開發效率，但是不是所有的頁面都是這樣。 然後發現一個大坑，文件名稱與實際路徑文件夾名稱大小寫有誤。但是可以

zuo-yiran 2020-06-21 03:30:49

vue項目配置多入口

有時候在一個vue項目需要多個入口，解決這個問題的方法有兩種： 方法一： 在main.js的入口文件中根據url的後綴名稱進行判斷然後進行頁面的跳轉 localhost:8080?startPage=index 根據startPa

zuo-yiran 2020-06-21 03:30:49

Vue學習筆記之Vuex學習---Vuex 是什麼？

Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。 什麼是“狀態管理模式”？ 讓我們從一個簡單的 Vue 計數應用開始： new

WebKoalaBoy 2020-06-20 22:21:15

vue學習筆記之動態路由匹配

1、我們經常需要把某種模式匹配到的所有路由，全都映射到同個組件。例如，我們有一個 User 組件，對於所有 ID 各不相同的用戶，都要使用這個組件來渲染。那麼，我們可以在 vue-router 的路由路徑中使用“動態路徑參數”(dynam

WebKoalaBoy 2020-06-20 22:21:05

vue學習筆記之路由起步實例

HTML  <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router/dist/vue-rou

WebKoalaBoy 2020-06-20 21:22:40

Vue學習筆記之Vuex的核心概念Mutation

Mutation 更改 Vuex 的 store 中的狀態的唯一方法是提交 mutation。Vuex 中的 mutation 非常類似於事件：每個 mutation 都有一個字符串的 事件類型 (type) 和 一個 回調函數 (han

WebKoalaBoy 2020-06-20 21:22:40

Vue學習筆記之Vuex的核心概念Module

Module 由於使用單一狀態樹，應用的所有狀態會集中到一個比較大的對象。當應用變得非常複雜時，store 對象就有可能變得相當臃腫。 爲了解決以上問題，Vuex 允許我們將 store 分割成模塊（module）。每個模塊擁有自己的 s

WebKoalaBoy 2020-06-20 21:22:40

Vue學習筆記之路由組件傳參

在組件中使用 $route 會使之與其對應路由形成高度耦合，從而使組件只能在某些特定的 URL 上使用，限制了其靈活性。 使用 props 將組件和路由解耦： 取代與 $route 的耦合 const User = { templa

WebKoalaBoy 2020-06-20 21:22:40

Vue學習筆記之Vuex的核心概念Getter

有時候我們需要從 store 中的 state 中派生出一些狀態，例如對列表進行過濾並計數： computed: { doneTodosCount () { return this.$store.state.todos.fi

WebKoalaBoy 2020-06-20 21:22:40

Vue學習筆記之混入 (mixin)

目錄 選項合併 全局混入 自定義選項合併策略 混入（mixin）提供了一種非常靈活的方式，來分發Vue組件的可複用功能。一個混入對象可以包含任意組件選項。當組件使用混入對象時，所有混入對象的選項將被“混合”進入該組件本身的選項。 //定

WebKoalaBoy 2020-06-20 21:22:40

父子組件實現數據的雙向綁定

使用情景：一般情況下我們使用一個組件，可以通過prop給這個組件傳值，組件可以使用emit來改變使用者的數據。如果頻繁修改同一個數據，那麼可以使用v-model進行父子組件數據的雙向綁定。常用於處理輸入的文本編輯組件。 下面的h

InterfaceJ 2020-06-20 04:37:26

vue之v-model

在表單<input> | <textarea> | <select>元素上創建雙向數據綁定，會根據控件類型自動選取正確的方法來更新元素 v-model會忽略所有表單元素的value、checked、selected特性的初始值而

爱编译也爱吃肉的喵 2020-06-16 13:28:03

vue中的屬性綁定和雙向數據綁定、計算屬性和偵聽器

1、屬性綁定 v-bind ： 例如 <div id="root"> <div v-bind:title="title">hello world</div> </div> <script> new Vue({

willard_cui 2020-06-16 05:40:55