mint ui picker点击弹窗关闭如何实现？

Question

如图：点击取消和确认都可以关闭弹窗，但目前想实现点击弹窗任意问题，将弹窗关闭。
欲采用document.addEventListener 事件监听来判断点击的dom节点，但打印后发现点击picker选项（className为picker-item），无法触发，请问是什么原因？有什么办法来解决点击弹窗任意位置关闭弹窗功能？

换句话说，就是如果给picker-item（子项）添加点击事件

Answer 1

给你的弹框加个v-model属性，然后在你的弹框问题上，就是你想点击的那个标签上加个事件去关闭弹框就行了。

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

selectThisPopup:function(){

    ...//做完你想要的事件
    
    this.popupVisible = false;//关闭弹框
}