概述
element上传解决el-upload与普通按钮el-button平行问题
-
效果图：
-
代码展示：按钮放入el-upload如果不是submit容易出现上传弹出框
<el-upload class="upload-demo" ref="upload" action="#" :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" :auto-upload="false"> <el-button size="small" type="primary">选取文件</el-button> </el-upload> //插槽存放上传按钮<el-button size="small" type="success" @click="submitUpload">上传</el-button> <slot/> -
把上传按钮移动出去，然后css平行,但是呢导入文件后会挤压下上传按钮。
style添加样式：.inline-block { display: inline-block; } -
结果：所以需要position定位
position: absolute; left: 105px;
最后
以上就是自觉寒风为你收集整理的element上传解决el-upload与普通按钮el-button平行问题的全部内容，希望文章能够帮你解决element上传解决el-upload与普通按钮el-button平行问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复