我正在Vue JS中使用组合API和脚本设置来处理Google Drive克隆项目。
我在Bootstrap下拉菜单中有一个link标记，如下所示：

<a 
   href="#" 
   class="dropdown-item align-items-baseline"
   @click="pickFile" 
>
    <i class="fas fa-file-import"></i>
    <span class="ml-3">Import file</span>
</a>

和隐藏文件输入，如：

<input
    style="display: none;"
    type="file"
    ref="fileInput"
    @change="onFilePicked" 
/>

点击下拉项时，触发如下方法：

function pickFile() {
    try {
        fileInput.value.click();
    } catch (error) {
        console.error(error);
    }
}

这模拟了单击文件输入引用打开浏览器的文件选择器。然后我在onFilePicked()方法中使用一些代码来上传文件。
当应用程序启动时，所有这些都工作得很好。但不知何故，过了一段时间，在应用程序中做了各种其他事情，它不再起作用。我的pickFile()方法仍将被调用（我在控制台记录了一些文本来确认）但是fileInput.value.click();要么没有被调用，要么不工作。我不再有浏览器的文件选择器了。控制台中没有错误。I don“我不知道怎么调试，有什么想法吗？