遇到一个贼麻烦的客户,就不停的给你加需求。然后就出现一个订单要完成需要导3次的问题。然后element-ui一直困扰我的就是这个el-upload的布局问题,一个如果一个upload里边有几个button,不管slot="trigger"的button在第几位一定就排到第一位了,另一个就是他的自动换行。
再界面本来就很拥挤的情况下,我必须得把三个upload放到一行,但是用个div包起来几个upload,不管怎么用display:inline,float:left都不管用,最后还是得最基础的办法解决问题,如下图:
每个upload的class都是upload-demo,从页面css里把下边这句加上即可实现几个upload-demo并排了。
.upload-demo{
display: inline;
}
效果就是下边这样: