elementui: 上传文件按钮隐藏与文件名后图标隐藏

elementui: 上传文件按钮隐藏与文件名和图标隐藏

1.upload控件代码

重点在于加样式

:class="{imgHide:imgHideUpload}"

  <el-upload
              :class="{imgHide:imgHideUpload}"
             style=" text-align: left;"
                ref="uploadFile"
                :auto-upload="false"
                :action="URL"
                multiple
                :limit="1"
                :file-list="fileEditList"
                accept=".doc,.docx,.pdf"
                 :disabled="getBoolean()"
                >
             <el-button slot="trigger" icon="el-icon-plus" size="mini"  type="primary">上传文件</el-button>
   </el-upload>

2.定义属性

data(){
	return{
		imgHideUpload: true,
	}
}

3.样式

样式必须加scoped,否则不生效！

<style scoped>
.el-input-number.is-controls-right .el-input__inner {
  text-align: left;
}
.opinion-dialog .el-dialog__body {
  padding: 16px 20px !important;
}
 /*隐藏按钮  */
   /deep/ .imgHide .el-upload{
      display: none !important; 
    }
 
    /* 上移文件名 */
    /deep/ .el-upload-list__item:first-child {
        margin-top: 4px;
        font-size: 12px;
    }
    /* 去掉文件名后图标 */
    /deep/ .el-icon-circle-check:before {
        content: "\e720";
        display: none !important; 
    }

</style>