element-ui的upload组件使用按钮弹出上传框

这篇总结之后element-ui的踩坑记录
场景是： 我点击按钮想弹出上传框，结果选中它的ref元素加click事件压根不生效

后来用的是：

                <el-upload  ref="upload" class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
                  <img v-if="imageUrl" :src="imageUrl" class="avatar">
                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>

this.$refs{[}^{\prime }uploa{d}^{\prime }].$refs[‘upload-inner’].handleClick()
通过ref逐层触发组件内按钮的handleClick事件，注意区分[‘upload-inner’] 是 upload组件内部的ref