在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 使用v-for生成的html，如果data順序調(diào)換了，如何調(diào)換html的順序?

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

clipboard.png

如上圖所示，在VUE中使用v-for循環(huán)生成了左邊的li序列，如果這時(shí)候stepData里面的順序調(diào)換了，改怎么讓li的順序重新生成一遍？

stepData:

stepData: [
    {id: 228},
    {id: 229},
    {id: 232},
    {id: 233},
    {id: 234},
    {id: 235}
]

最后解決了，原來是：

clipboard.png

回答
編輯回答
帥到炸

Vue.set

2018年9月15日 05:22
編輯回答
不舍棄

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

2017年9月29日 21:14
編輯回答
心癌

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

2017年9月6日 09:09
編輯回答
若相惜

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

2018年4月21日 02:19