前端小白到专家 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日

悬赏问题

  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改
  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题:需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上
  • ¥15 c程序不知道为什么得不到结果
  • ¥40 复杂的限制性的商函数处理
  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效