鍍金池/ 問答/HTML/ 如何用vue.js在循環(huán)創(chuàng)建的列表中實現通過點擊顯示和隱藏當前列表下的內容

如何用vue.js在循環(huán)創(chuàng)建的列表中實現通過點擊顯示和隱藏當前列表下的內容

clipboard.png
如圖所示，可以通過點擊添加按鈕不斷的創(chuàng)建分組，我希望通過點擊編輯按鈕將當前分組下的內容顯示和隱藏，但現在我寫的點擊編輯按鈕只能分組將全部分組的內容顯示和隱藏，要如何操作才能實現當前列表下內容的顯示和隱藏
以下是我寫的一些代碼

clipboard.png

clipboard.png

回答
編輯回答
怪痞

把isshow加到todos里，讓todos變成[{test:'第一組', isshow : false },{test:'第一組', isshow : false}],然后對應控制isShow就可以實現對應組的編輯

2018年5月7日 01:15
編輯回答
九年囚

推薦你一個前段ui 便于搞笑開發(fā)，沒必要把時間浪費在這種事情上
http://element-cn.eleme.io/#/...

2017年7月13日 11:02
編輯回答
苦妄

給每一個todo 一個控制是否顯示的開關isshow，點擊改變todo.isshow

2018年4月8日 15:15