鍍金池/ 問答/HTML5  HTML/ vue中點(diǎn)擊展開，再點(diǎn)擊收起，怎么實(shí)現(xiàn)，用v-for來(lái)做，因?yàn)閿?shù)據(jù)是后臺(tái)給的

vue中點(diǎn)擊展開，再點(diǎn)擊收起，怎么實(shí)現(xiàn)，用v-for來(lái)做，因?yàn)閿?shù)據(jù)是后臺(tái)給的

vue中點(diǎn)擊展開，再點(diǎn)擊收起，怎么實(shí)現(xiàn)，用v-for來(lái)做，因?yàn)閿?shù)據(jù)是后臺(tái)給的

我的頁(yè)面是這樣的

clipboard.png

現(xiàn)在我想布局怎么寫方便我寫邏輯呢？
外面的循環(huán)點(diǎn)開怎么看到里面的呢？ 要有過渡的動(dòng)畫，
思路卡住了

回答
編輯回答
故林

vue 內(nèi)置組件 transtion 二級(jí)菜單部分 外層 用transtion。通過v-show = "isShow"來(lái)控制顯示和收縮
默認(rèn)是否顯示?？梢酝ㄟ^isDefalutShow = [],把需要展示的自己定的標(biāo)識(shí)存到這個(gè)數(shù)組里。然后在你寫的組件里處理這個(gè)數(shù)組。
點(diǎn)擊toggle可以也可以操作這數(shù)組來(lái)控制顯示收縮

2018年9月4日 00:45
編輯回答
絯孑氣

每一項(xiàng)加一個(gè)active屬性，展開設(shè)置為true，關(guān)閉設(shè)置為false，根據(jù)active來(lái)相應(yīng)的展開關(guān)閉

2017年5月17日 22:42