search

lljj-x / vue-json-schema-form

基于Vue/Vue3，Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单，用于活动编辑器、h5编辑器、cms等数据配置；支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi
https://form.lljj.me/
Apache License 2.0
2.06k stars 420 forks source link

UploadWidget 似乎不可用了，甚至会导致整个浏览器的无响应 #259

Closed nekomeowww closed 1 year ago

nekomeowww commented 1 year ago

vue和ui框架

直接使用在 全局Widget组件 | Vue JSON Schema Form 文档中提供的 Playground upload 组件 来进行的复现，vue2 和 vue3 均可复现。

问题描述

点击 Playground upload 组件 的「上传按钮文案配置」和「点击上传」都能够触发这个问题。

在以下 Vue 版本中均能稳定复现该问题：

  1. Vue 2
  2. Vue 3

在以下版本浏览器中均能稳定复现该问题：

  1. Google Chrome 108.0.5359.124（正式版本） (arm64)
  2. Microsoft Edge 108.0.1462.54 (正式版本) (arm64)
  3. Safari 16.1 (18614.2.9.1.12)

问题体现在：

  1. 在首次打开该页面点击按钮后导致浏览器卡死
  2. 卡死等待一段时间恢复后按钮完全失效的问题

然而控制台中没有任何报错，暂时无法提供更深层次的错误内容。

如何复现

点击 Playground upload 组件 的「上传按钮文案配置」和「点击上传」都能够触发这个问题，vue2 和 vue3 均可复现。

期望的结果

点击后能像过去那样打开文件选择器并允许用户进行文件选择后上传文件。

lljj-x commented 1 year ago

我这里ok，版本一致的，只是我是intel u 。 版本 108.0.5359.124（正式版本） (x86_64)

看起来像是你电脑的问题，可以看看是不是所有的文件选择都会卡死，比如下面这个上传文件是否可用 https://element.eleme.cn/#/zh-CN/component/upload

nekomeowww commented 1 year ago

我这里ok，版本一致的，只是我是intel u 。 版本 108.0.5359.124（正式版本） (x86_64)

看起来像是你电脑的问题，可以看看是不是所有的文件选择都会卡死，比如下面这个上传文件是否可用 https://element.eleme.cn/#/zh-CN/component/upload

感谢解答。我试了一下你提供的 Element Plus 的上传组件，发现也有同样的问题，重启浏览器之后也还是一样，我重启电脑之后就莫名其妙的恢复了。看起来可能是某种 macOS Bug？

既然功能已经恢复了，我就把 Issue 关闭了。感谢你花时间为我解答！