el-upload使用问题

1. 编辑已上传的图片

this.picsList.push({url: picsURL})

　　参考链接：https://blog.csdn.net/Shuai_YeYe/article/details/124251221

 

2.上传图片后隐藏上传框

<el-upload
    action="none"
    :auto-upload="false"
    list-type="picture-card"
    :on-change="picsChange"
    :on-remove="picsRemove"
    :limit="1"
    :file-list="picsList"
    :class="noneStyle:picsList.length===0,picStyle:picsList.length === 1}">
        <i class="el-icon-plus"></i>
</el-upload>

picsChange(file, filelist){
    ...
    this.picsList = filelist
    ...
},
picsRemove(file, filelist) {
    this.picsList=[]
},

<style>
  /deep/ .noneStyle .el-upload--picture-card{
    width: 110px;
    height: 110px;
    line-height: 110px;
　　 margin-bottom: 18px;//不知道怎么去除上传图片后下面多出来的一部分，只能在没上传前先给加上这个宽度
  } 
  /deep/ .picStyle .el-upload--picture-card{
    display: none;
  }
  /deep/ .el-upload-list__item{//和上传框统一大小
    width: 110px;
    height: 110px;
    line-height: 110px;
    transition: none !important;//去除上传删除动画
  }
</style>

参考链接：

　　https://blog.csdn.net/weixin_43951592/article/details/116887722

　　https://blog.csdn.net/weixin_44816197/article/details/122302048