鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ mint ui picker點擊彈窗關(guān)閉如何實現(xiàn)？

mint ui picker點擊彈窗關(guān)閉如何實現(xiàn)？

圖片描述

如圖：點擊取消和確認(rèn)都可以關(guān)閉彈窗，但目前想實現(xiàn)點擊彈窗任意問題，將彈窗關(guān)閉。
欲采用document.addEventListener 事件監(jiān)聽來判斷點擊的dom節(jié)點，但打印后發(fā)現(xiàn)點擊picker選項（className為picker-item），無法觸發(fā)，請問是什么原因？有什么辦法來解決點擊彈窗任意位置關(guān)閉彈窗功能？

換句話說，就是如果給picker-item（子項）添加點擊事件

回答
編輯回答
負(fù)我心

給你的彈框加個v-model屬性，然后在你的彈框問題上，就是你想點擊的那個標(biāo)簽上加個事件去關(guān)閉彈框就行了。

<mt-popup v-model="popupVisible">
<span @click="selectThisPopup()"></span>
</mt-popup>
selectThisPopup:function(){

    ...//做完你想要的事件
    
    this.popupVisible = false;//關(guān)閉彈框
}
2018年5月16日 11:43