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

设三个变量呗