这几天遇到一个问题,在Upload组件中上传之前需要添加一个Modal,阻止上传, 提示用户信息,用户点击确认按钮后,再进行上传,

理想总是很丰满,过程真是狗血呀

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

于是在API 也找到了方法,提供了一个before-upload方法可以使用,于是乎,兴高采烈的再before-upload中写了如下代码:

iview的upload组件中上传前添加提示信息,确认后再进行上传 随笔 第1张

OK,测试一把,居然在弹modal的同时也调用了action配置的地址,将文件给上传了,这就很郁闷了

于是,再看看API。 

iview的upload组件中上传前添加提示信息,确认后再进行上传 随笔 第2张

注意到可以返回一个Promise来阻止上传。

走一个

 

iview的upload组件中上传前添加提示信息,确认后再进行上传 随笔 第3张

经过测试,完美解决。用户点了确定后在进行上传,点击了取消则不会上传。

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄