鍍金池/ 問答/Java  HTML/ element-ui Popover 彈出框 點(diǎn)擊當(dāng)前的隱藏其他的彈出框

element-ui Popover 彈出框 點(diǎn)擊當(dāng)前的隱藏其他的彈出框

如標(biāo)題所說,點(diǎn)擊當(dāng)前的,關(guān)閉其他彈出框

clipboard.png
點(diǎn)擊icon 圖標(biāo)顯示,在想點(diǎn)擊其他icon圖標(biāo)的時(shí)候其他彈出框關(guān)閉
現(xiàn)在是這樣的

clipboard.png
代碼如下

clipboard.png

回答
編輯回答
墨小羽

首先,你給所有的彈出框綁定一個(gè)ref的屬性,ref="popover",然后通過this.$refs[名字].value = false就可以關(guān)閉彈出層了,你可以給所有彈出層綁定一個(gè)show事件,就是任意一個(gè)顯示,所有其他的ref的value就賦值成false。

2018年5月26日 15:24