前端小白到专家 2022-04-18 17:46 采纳率: 50%
浏览 43
已结题

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)

我想要达到的结果

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

  • 写回答

1条回答 默认 最新

  • 会飞的咕咕鱼 2022-04-18 17:58
    关注

    用 eventBus传递

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 5月6日
  • 已采纳回答 4月28日
  • 专家修改了标签 4月22日
  • 创建了问题 4月18日

悬赏问题

  • ¥50 array数据同步问题
  • ¥15 pic16F877a单片机的外部触发中断程序仿真失效
  • ¥15 Matlab插值拟合差分微分规划图论
  • ¥15 keil5 target not created
  • ¥15 C/C++数据与算法请教
  • ¥15 怎么找志同道合的伙伴
  • ¥20 如何让程序ab.eXe自已删除干净硬盘里的本文件自己的ab.eXe文件
  • ¥50 爬虫预算充足,跪巨佬
  • ¥15 滑块验证码拖动问题悬赏
  • ¥15 Wanted but not invoked:Actually, there were zero interactions with this moc