uView u-popup iOS 事件穿透解决方案 - 阻止弹窗事件冒泡

在 iOS 开发中，uView 是一个基于 Vue.js 的 UI 组件库，uPopup 是其中的弹窗组件。如果你想要在 uPopup 组件中实现事件穿透，可以尝试以下方法：\n\n1. 设置 uPopup 的 @click 事件，将其绑定到一个方法上，并在该方法中调用 event.stopPropagation()，这样可以阻止点击事件冒泡到父级元素。\n\nhtml\n<u-popup @click="handlePopupClick">\n <!-- 弹窗内容 -->\n</u-popup>\n\n\njavascript\nmethods: {\n handlePopupClick(event) {\n event.stopPropagation();\n }\n}\n\n\n2. 使用 CSS 的 pointer-events 属性将 uPopup 组件的子元素设置为 none，这样点击事件就会透过 uPopup 组件传递到下方的元素上。\n\nhtml\n<u-popup class="popup">\n <!-- 弹窗内容 -->\n</u-popup>\n\n\ncss\n.popup {\n pointer-events: none;\n}\n.popup > * {\n pointer-events: auto;\n}\n\n\n这样配置后，点击 uPopup 内部的元素时，事件将会穿透到 uPopup 下方的元素上。\n\n请注意，这些方法可能会因为 uView 或 uPopup 的版本不同而有所变化，请根据你所使用的版本进行相应的调整。