javascript - 一個頁面幾個地方都要點擊後顯示，再點擊隱藏，vue怎麼實現呀？

Question

如圖點第一個li 所有li的p都會顯示。
點第二個li第一個li和第三個li也變化了，怎麼樣才能點哪個li，哪個li中的p元素顯示呢。 。 。

##########################

Answer 1

設一個 current

@click = "current = 1"

v-show = "current == 1"

Answer 2

看程式碼就明白了：

Answer 3

一樓正解。也可以用v-if。但是建議@click綁定函數寫在methods中規範一點。

Answer 4

想想數據驅動⤴

Answer 5

這個要用事件委託寫吧？你把click綁定在ul，判斷點擊的event.target 是哪個li 再切換顯示 應該就行了

Answer 6

設三個變數唄