element上传解决el-upload与普通按钮el-button平行问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
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;
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45
5 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 5 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)