鍍金池/ 問答/HTML/ vue中如何實現(xiàn)點擊一個組件中的按鈕隱藏另外一個組件中的一個面板或控件。

vue中如何實現(xiàn)點擊一個組件中的按鈕隱藏另外一個組件中的一個面板或控件。

例如: 頁面中有兩個組件A,B ,A 上有一個按鈕點擊后,B 組件中一個div 隱藏或者顯示。

回答
編輯回答
不討囍

1、使用vuex
2、使用eventbus
3、通過它們的父組件來傳遞

2017年11月26日 04:27
編輯回答
笨小蛋

B組件使用v-show用一個值控制啊,A上按鈕點擊后改變這個值

2018年2月22日 08:29
編輯回答
卟乖

首先,組件A和B可以和頁面P父子組件間相互傳值
頁面P <-(showFlag)-> 組件A
頁面P <-(showFlag)-> 組件B

頁面P設(shè)置一個公共的變量showFlag,傳給A, A組件在內(nèi)部修改showFlag,可以同步傳給頁面P。
B組件接收到showFlag值對div進(jìn)行隱藏

2017年12月19日 10:53