Weex 事件
2023-12-26 16:37 更新
组件通用事件与 Weex 通用事件相同,Rax 中需要以 on 开头驼峰方式命名
<View onClick={() => {}}>
...
</View>
页面事件,需要通过 setNativeProps API 手动向 body 节点绑定
let bodyProps = {
onViewAppear: () => {},
onViewDisAppear: () => {}
};
let weexDocument = typeof __weex_document__ === 'object' ? __weex_document__ : typeof document === 'object' ? document : {};
if (weexDocument && weexDocument.body) {
setNativeProps(findDOMNode(weexDocument.body), bodyProps);
}
事件冒泡
let bodyProps = {
bubble: true,
};
let weexDocument = typeof __weex_document__ === 'object' ? __weex_document__ : typeof document === 'object' ? document : {};
if (weexDocument && weexDocument.body) {
setNativeProps(findDOMNode(weexDocument.body), bodyProps);
}
阻止冒泡
<View onClick={(event) => {
event.stopPropagation();
}}>
...
</View>
以上内容是否对您有帮助:
更多建议: