[ElemeFE/element]upload 组件手动上传不可用

2024-08-13 993 views
9

image

官方给出的demo,直接点击在线运行,在jsfiddle中报错,手动添加了submitUpload 方法,this.$refs.upload.submit()后,变的可以运行。

但是复制到项目中,dom都无法正常显示(设置了slot='trigger'的按钮不显示),且设置auto-upload无效。

slot 的定义,不明白,看了源码后,也是懵逼。且部分属性失效。

是官方的bug,还是使用的时候有什么关键地方官方没贴出代码?

以上:希望官方给出一个可运行的,手动上传demo实例

回答

4

谢谢,这个是选择完文件,自动上传。

5

贴出你的代码。

0

image 完整代码如上,复制的官方demo,渲染结果: 1,选取文件按钮不显示。 2,上传到服务器按钮,点击选取本地文件。 3,设置auto-upload =false 失效。选择文件后,自动就上传了。

6

看上去你的 Element 并不是最新版,这些 API 都是 1.2.0 以上才有的。

6

我下午感觉可能是版本的问题,然后升级到了1.2.3 。

5

好的,感谢回复? 我npm下载的包,整个项目的package.json中,看到版本是1.2.3,在node_modules中找到element-ui,version显示1.1.6...应该是这个问题了。?

6

目前的upoload控制是否允许多文件上传,是通过配置multiple。但只是在上传服务器的时候,做了限制。想实现选取文件的时候,就做限制,比如设置了不允许多文件以后,想选取更多的文件,会替换第一次选取的文件。

3

请问楼主解决了吗?要怎么手动上传啊

4

文档写着可以通过 slot 来自定义上传按钮类型,但是说明文档里并没有各个 slot 代表的含义啊,例子里只有一个 slot=tip 。我想要用自己的按钮来代替,我看文档是没有加上 slot 就行了,但是我也这么做,页面上出现了 “选择文件” “未选择任何文件的” 字样,这个怎么去掉呢?

0

@jinjinwa 上传超限时替换第一个,你实现了吗? 我本来想在 on-exceed 这个勾子里实现的,试了下不行