在Vue3中,如果你想在iframe中获取route.query数据,可以使用以下方法:
1. 在主页面中设置一个全局变量,并将route.query数据传递给它。
```javascript
// 主页面
let queryData = null;
const router = createRouter({
history: createWebHistory(),
routes,
scrollBehavior(to, from, savedPosition) {
return { top: 0 };
},
});
router.beforeEach((to, from, next) => {
queryData = to.query;
next();
});
export { router, queryData };
```
2. 在iframe页面中引入主页面的全局变量,并使用它来获取route.query数据。
```javascript
// iframe页面
import { queryData } from 'path/to/main/page';
console.log(queryData);
```
这样就可以在iframe中获取到主页面的route.query数据了。