解决u-upload 弹出两次问题 关闭第一次默认弹出
时间: 2023-11-18 11:02:16 浏览: 171
有关弹窗两次的解决办法
`u-upload` 是一个基于 `Element-ui` 封装的上传组件,如果它弹出两次,很可能是因为你使用了两次 `u-upload` 或者其他上传组件。你可以在 `mounted` 钩子函数中,手动关闭第一个 `u-upload` 组件的默认弹出功能。具体代码如下:
```javascript
mounted() {
// 获取第一个 u-upload 的实例
const uploadComp = this.$refs.upload[0];
// 关闭默认弹出
uploadComp.$refs.input.click = () => {};
}
```
上面的代码中,我们通过 `$refs` 获取了第一个 `u-upload` 的实例,并将它的 `$refs.input.click` 方法置空,以关闭默认弹出功能。需要注意的是,这里的 `$refs.input` 是指上传组件的 input 元素,我们将它的 `click` 方法置空,就可以禁止默认的弹出功能。
阅读全文