今天使用vue在開(kāi)發(fā)的時(shí)候遇到一個(gè)問(wèn)題 具體可以看 https://segmentfault.com/q/1010000010041611
看了別人的回答,感覺(jué)收獲很大,所以來(lái)寫(xiě)一下自己的理解。
從數(shù)據(jù)結(jié)構(gòu)、后臺(tái)減壓、<template>這幾點(diǎn)來(lái)說(shuō)
列表已經(jīng)通過(guò)table做出來(lái)了,需要的進(jìn)一步功能是在“查看詳情”的點(diǎn)擊事件中請(qǐng)求回該條數(shù)據(jù)的詳細(xì)情況,且一次只顯示一條反饋的詳情,把數(shù)據(jù)放在data中的一個(gè)currentMsg對(duì)象中(只存放當(dāng)前請(qǐng)求回來(lái)的數(shù)據(jù)),然后在該行追加一個(gè)tr并將相應(yīng)的內(nèi)容填充進(jìn)去,
當(dāng)時(shí)困惑的是如何能夠以vue數(shù)據(jù)驅(qū)動(dòng)視圖的方式追加詳情行,因?yàn)槿绻胘s操作dom來(lái)做的話肯定沒(méi)問(wèn)題,但是在vue里面這樣做就很low了,過(guò)不了自己這關(guān),然后就在sf上面提了這個(gè)問(wèn)題,看了boxsnake的回答之后有一種茅塞頓開(kāi)的感覺(jué),
數(shù)據(jù)結(jié)構(gòu)
這個(gè)可以說(shuō)是通用的了,不僅僅是針對(duì)前端,因?yàn)橐粋€(gè)良好的結(jié)構(gòu)化數(shù)據(jù)可以很好的優(yōu)化程序的結(jié)構(gòu),讓別人更容易理解,
就這個(gè)歷史反饋功能來(lái)說(shuō),后端給了我2個(gè)請(qǐng)求的接口,一個(gè)是根據(jù)當(dāng)前用戶獲取該用戶提交的所有反饋(allTitleInfo)的摘要信息,結(jié)構(gòu)如下:
我也是按照這樣的結(jié)構(gòu)把數(shù)據(jù)填充到頁(yè)面中的,另一個(gè)接口就是根據(jù)ID獲取反饋的詳情,