Merge pull request '增加与iframe的事件通信' (#46) from main into space_domain
Reviewed-on: https://git.wishpal.cn/wishpal_ironfan/tiefen_space_h5/pulls/46
This commit is contained in:
commit
aa39f0030c
|
@ -1,12 +1,28 @@
|
||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import React from "react";
|
import React, { useEffect } from "react";
|
||||||
import { useRouter, useParams } from "next/navigation";
|
import { useRouter, useParams } from "next/navigation";
|
||||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
||||||
import { faAngleLeft } from "@fortawesome/free-solid-svg-icons";
|
|
||||||
export default function WebView() {
|
export default function WebView() {
|
||||||
const { src } = useParams();
|
const { src } = useParams();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
// 添加消息事件监听器
|
||||||
|
const handleMessage = (event) => {
|
||||||
|
if (event.data && event.data.type === "navigation" && event.data.url) {
|
||||||
|
router.push(event.data.url);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
window.addEventListener("message", handleMessage);
|
||||||
|
|
||||||
|
// 清理函数
|
||||||
|
return () => {
|
||||||
|
window.removeEventListener("message", handleMessage);
|
||||||
|
};
|
||||||
|
}, [router]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
{/* <div className="p-4 fixed top-0 z-10 w-full">
|
{/* <div className="p-4 fixed top-0 z-10 w-full">
|
||||||
|
|
Loading…
Reference in New Issue