quasar开发或者elementUI开发，vue-router路由跳转怎么传递文件句柄对象

问题遇到的现象和发生背景

在开发过程中遇到这一个页面弹出文件选择框，用的是 const newHandle = await window.showSaveFilePicker()，这是一个文件句柄对象。

问题相关代码，请勿粘贴截图

img


获取文件句柄对象
const newHandle = await window.showSaveFilePicker()
// const newHandle = window.showDirectoryPicker()
if (newHandle === null) {
return
}

    path.value = newHandle.createWritable()

vue3路由传递代码
router.push(
{
path: '/tuning',
query: {
path: path.value,
}
})

路由接收代码
Status.value = route.query.path

运行结果及报错内容

在另一个页面拿到的是文件句柄对象[object fileHandle]

我的解答思路和尝试过的方法

用以下方法转都不行，会得到空对象。
// path: encodeURIComponent(path.value),
// path1: JSON.stringify(path.value)

我想要达到的结果

在另一个页面能拿到这个文件句柄对象。

用 eventBus传递