在methods的方法中手动触发el-upload的上传事件

最近项目中有一个需要在quill富文本编辑器中上传视频文件的需求，但是网页上不能出现上传的组件，需要在methods中手动调用。

经过一番（一下午啊T_T）摸索后，发现一个能用的解决方案：
可以在el-upload组件上添加一个ref值，同时使用按钮上传的组件，为3l-upload中的按钮设置一个class类名，接着在业务按钮的点击事件中使用类选择器手动触发click事件

上代码：

<el-upload v-show="false" ref="videoUpload" v-loading="loading" style="text-align: center;" drag
     :action="uploadVideoConfig.uploadUrl" accept="video/*" :name="uploadVideoConfig.name"
     :before-upload="onBeforeUploadVideo" :on-success="onSuccessVideo" :on-error="onErrorVideo" :multiple="false">
     <i class="el-icon-upload"></i>
     <!--这个按钮要设置类名，我这里是upload-video  -->
     <el-button size="small" type="primary" class="upload-button">点击上传</el-button>
     <div class="el-upload__tip" slot="tip">只能上传MP4文件，且不超过{{ uploadVideoConfig.maxSize }}M</div>
 </el-upload>
 <!-- 这个按钮添加一个点击事件，来触发上传事件 -->
 <el-button size="small" type="primary" @click="uploadVideo">点击上传</el-button>

JS部分：

export default {
    methods: {
        uploadVideo() {
        	//这里通过元素选择器来手动触发点击事件
        	this.$refs.videoUpload.$el.querySelector('.uploac-button').click();
        }
    },
}