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

标签：action   tor   type   style   otto   z-index   设置   ima   false   

原代码：
<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>

设置之后正常使用

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

标签：action   tor   type   style   otto   z-index   设置   ima   false   

原文地址：https://www.cnblogs.com/chensuqian/p/14300613.html