问题遇到的现象和发生背景
在开发过程中遇到这一个页面弹出文件选择框,用的是 const newHandle = await window.showSaveFilePicker(),这是一个文件句柄对象。
问题相关代码,请勿粘贴截图
获取文件句柄对象
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)
我想要达到的结果
在另一个页面能拿到这个文件句柄对象。