vue ant upload组件 设置float后点击没反应

原代码:
<div v-show="uploader" class="table-operator" style="margin-top: 10px;margin-bottom: 10px;float:right; ">
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="uploadUrl"
@change="handleUpload">
<a-button type="primary" icon="import">上传文件</a-button>
</a-upload>
</div>

原意为将该按钮靠右显示,设置了style为:float:right
设置后点击上传组件没有任何反应,也不报错,原因是设置了float后,点击事件无法穿透到按钮上,需要设置按钮的z-index值,修改:
<a-button type="primary" icon="import" style="z-index: 99">上传文件</a-button>

设置之后正常使用
posted @ 2021-01-19 23:10  陈苏乾  阅读(693)  评论(0编辑  收藏  举报