首页 > Web开发 > 详细

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

时间:2019-04-18 15:13:54      阅读:315      评论:0      收藏:0      [点我收藏+]

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

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

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

技术分享图片

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

于是,再看看API。 

技术分享图片

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

走一个

 

技术分享图片

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

 

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

原文:https://www.cnblogs.com/Regina-wisdom/p/10729552.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!