這個(gè)標(biāo)題想了很久亩歹,可能也不是能清楚的表達(dá)我的意思。(注:此項(xiàng)目沒(méi)有引用Vue-cli新荤,只是單純的引用Vue.js)
有這么個(gè)需求:
一揽趾、通過(guò)請(qǐng)求后臺(tái)接口獲取數(shù)據(jù),數(shù)據(jù)是數(shù)組苛骨,通過(guò)vue循環(huán)在列表ul中篱瞎,其中l(wèi)i標(biāo)簽下有個(gè)a標(biāo)簽要?jiǎng)討B(tài)跳轉(zhuǎn)頁(yè)面苟呐,如圖:
此時(shí)有兩個(gè)步驟:
1.對(duì)循環(huán)出的數(shù)據(jù)進(jìn)行遍歷處理,對(duì)數(shù)組中的沒(méi)條數(shù)據(jù)的寫一個(gè)跳轉(zhuǎn)鏈接俐筋,如下圖:?
2.此時(shí)修改循環(huán)出的a標(biāo)簽href值牵素,如下圖:
注意:因?yàn)槭莿?dòng)態(tài)的,注意冒號(hào)(:)澄者,此方法有個(gè)局限性笆呆,就是只有是二維數(shù)組時(shí)才能動(dòng)態(tài)修改成 item.head的形式,如果只是單純的對(duì)象粱挡,則
不可以像上圖中處理(本人沒(méi)處理成功赠幕,如有好方法洗耳恭聽(tīng)哦);
二、通過(guò)請(qǐng)求后臺(tái)接口獲取數(shù)據(jù)询筏,數(shù)據(jù)是單純的對(duì)象榕堰,通過(guò)vue循環(huán)在列表ul,且需要?jiǎng)討B(tài)的通過(guò)a標(biāo)簽跳轉(zhuǎn)頁(yè)面屈留,如圖:
同意需要通過(guò)head中的值局冰,動(dòng)態(tài)切換頁(yè)面:
1.因?yàn)槭菃渭兊膶?duì)象,這里我用memInfo接收了后臺(tái)返回的response,并渲染到dom灌危,因?yàn)閱渭兊膶?duì)象(本人沒(méi)有處理成功)康二,則用了比較笨的辦法動(dòng)態(tài)寫在a標(biāo)簽中。(因?yàn)楹笈_(tái)是PHP勇蝙,所以href中尋找的當(dāng)前控制器下Goldmem類中的goldInfoData方法)
因?yàn)?當(dāng)前控制器下Goldmem類中的goldInfoData方法 需要三個(gè)參數(shù)沫勿,這上圖我手動(dòng)的添加三個(gè)參數(shù)。注意:冒號(hào)以及變量的拼接方式
最后如有更好的方法 歡迎指出味混,謝謝产雹。