在两个手风琴中使用布尔手风琴,如何在单击前一个手风琴内的按钮时显示后一个手风琴?

时间:2020-06-10 15:16:30

标签: javascript vue.js accordion buttonclick bulma

我正在使用bulma和vuejs,我想拥有三个bulma手风琴。即,手风琴1和手风琴2,手风琴3。我能够同时制作三个手风琴。但是现在我想首先显示Accordion1并在其中有一个Button,在单击后手风琴1应该关闭,而Accordion2应该自动显示,类似地,我想在手风琴2中也有一个按钮,onClick关闭手风琴2并显示Accordion3。我不想隐藏前面的手风琴。这样,当用户到达手风琴3时,所有手风琴都是可见的。我该如何实现?


"$(echo -e "${ACTUAL_DB}" | tr -d '[:space:]')"

1 个答案:

答案 0 :(得分:0)

对于Bulma + Vue,我建议使用BuefyCollapse with Accordion effect(文档链接here)。基本上,您只需要使用v-for循环进行索引,并根据索引触发每个按钮的click事件(例如,在单击Btn1之后打开第二个,使条件打开到索引1(从数组中的0开始),然后打开0和1个Btn3索引点击)

希望这会有所帮助。