首頁猿問 vue中如何實(shí)現(xiàn)點(diǎn)擊一個組件中的按...

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

Vue.js

慕姐4208626 2018-09-01 20:10:27

例如：頁面中有兩個組件A,B ，A 上有一個按鈕點(diǎn)擊后，B 組件中一個div 隱藏或者顯示。

查看完整描述

2 回答

泛舟湖上清波郎朗

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超3個贊

首先，組件A和B可以和頁面P父子組件間相互傳值
頁面P <-（showFlag）-> 組件A
頁面P <-（showFlag）-> 組件B

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

反對回復(fù) 2018-09-01

大話西游666

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個贊

B組件使用v-show用一個值控制啊，A上按鈕點(diǎn)擊后改變這個值

反對回復(fù) 2018-09-01

關(guān)注

舉報

0/150

提交

取消

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號