增加与iframe的事件通信
This commit is contained in:
parent
87cb83ae7a
commit
5b3e196859
|
@ -1,12 +1,28 @@
|
|||
"use client";
|
||||
|
||||
import React from "react";
|
||||
import React, { useEffect } from "react";
|
||||
import { useRouter, useParams } from "next/navigation";
|
||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||
import { faAngleLeft } from "@fortawesome/free-solid-svg-icons";
|
||||
|
||||
export default function WebView() {
|
||||
const { src } = useParams();
|
||||
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 (
|
||||
<div>
|
||||
{/* <div className="p-4 fixed top-0 z-10 w-full">
|
||||
|
|
Loading…
Reference in New Issue