首頁猿問使用v-for生成的html，如果...

使用v-for生成的html，如果data順序調(diào)換了，如何調(diào)換html的順序?

JavaScript

寶慕林4294392 2019-03-05 21:23:57

如上圖所示，在VUE中使用v-for循環(huán)生成了左邊的li序列，如果這時候stepData里面的順序調(diào)換了，改怎么讓li的順序重新生成一遍？stepData:stepData: [ {id: 228}, {id: 229}, {id: 232}, {id: 233}, {id: 234}, {id: 235}]最后解決了，原來是：

查看完整描述

4 回答

犯罪嫌疑人X

TA貢獻(xiàn)2080條經(jīng)驗獲得超4個贊

Vue.set

反對回復(fù) 2019-03-14

慕的地6264312

TA貢獻(xiàn)1817條經(jīng)驗獲得超6個贊

vue不是自動去觸發(fā)渲染的嗎，相當(dāng)于你ajax請求了，重新獲取了一個stepData，來替換原有的stepData，數(shù)據(jù)的變化，觸發(fā)頁面的渲染

反對回復(fù) 2019-03-14

慕萊塢森

TA貢獻(xiàn)1810條經(jīng)驗獲得超4個贊

數(shù)組順序調(diào)換，也會觸發(fā)視圖更新。具體請看文檔數(shù)組更新檢測

反對回復(fù) 2019-03-14

隔江千里

TA貢獻(xiàn)1906條經(jīng)驗獲得超10個贊

這個分兩種情況：
第一，你的li列表的樣式是一樣的，這個情況不需要額外的處理，只有你的data數(shù)組改變了，html自己就會相應(yīng)的改變了li的排列順序。
第二，如果你的li列表的樣式是不一樣的，那么你就需要在循環(huán)的是再加一層判斷，通過在data的數(shù)組里面再加一個type的類型，來達(dá)到自動切換html樣式的需求。
總的來說，就是你的html要做相應(yīng)的處理，這樣你修改了data的數(shù)據(jù)，html就可以自動采取對應(yīng)的樣式進(jìn)行渲染數(shù)據(jù)。

反對回復(fù) 2019-03-14