Javascript 使用组件方法中的vuejs触发“图像上载器”

我有以下代码：

<dropdown-group
  @clickDropdownOption="clickDropdownOptionGroupBtn"                        
></dropdown-group>

<image-uploader
    :debug="1"
    class="d-none"
    ref="file"
    :maxWidth="512"
    :quality="0.7"
    :autoRotate="true"
    outputFormat="verbose"
    :preview="false"
    :capture="false"
    doNotResize="['gif', 'svg', 'pdf']"
    @change="uploadFile"
></image-uploader>

因此，我想在单击下拉选项时打开

图像上载程序

，但我有一个错误：

TypeError:fileInputElement.click不是一个函数

---

Thx提前。

当您有来自组件的引用时，您可以从该组件触发任何现有方法

假设

submitImage

方法存在于

image uploader

中，那么您可以通过执行以下操作从父级调用：

单击下拉选项组btn（）{
这是.refs.file.submitImage（）；
}

当您拥有来自组件的引用时，您可以从该组件触发任何现有方法

假设

submitImage

方法存在于

image uploader

中，那么您可以通过执行以下操作从父级调用：

单击下拉选项组btn（）{
这是.refs.file.submitImage（）；
}

fileInputElement与clickDropdownOptionGroupBtn函数和图像上传器之间的关系是什么？关系并不重要。问题是如何从

clickDropdownOptionGroupBtn

函数触发

，fileInputElement与clickDropdownOptionGroupBtn函数和图像上传器之间的关系是什么？关系无关紧要。问题是如何从

clickDropdownOptionGroupBtn

触发

，因为

输入

位于组件内部：

图像上传器

。我不知道是否存在访问此元素的方法我已经编辑了答案，我猜您想要的是在组件内触发一个方法。不起作用，因为

输入

在组件内：

图像上传器

。我不知道是否存在访问此元素的方法我已经编辑了答案，我猜您想要的是在组件内触发一个方法。

clickDropdownOptionGroupBtn() {
    let fileInputElement = this.$refs.file;
    fileInputElement.click();
}