一个元素点击触发另一个元素的点击可以用到dispatchEvent

图片点击触发input的点击,原因是点击图片的时候需要选择文件

 <img
                src="../assets/img/btn_video@2x.png"
                alt=""
                @click="uploadMaterial(2)"
                v-if="showFiles !== 2 && navCenterText !== '回复'"
              />

<input
            type="file"
            style="display: none"
            ref="file"
            @click="
              (e) => {
                e.target.value = '';
              }
            "
            @change="getFileData"
          />

uploadMaterial(val) {
      this.type = val;
      this.$refs.file.dispatchEvent(new MouseEvent("click"));
    },

参考链接
https://www.jianshu.com/p/5f9027722204
https://www.jianshu.com/p/25b55ad646ee