vue3 移动端下载异常解决

想实现的功能是点击按钮，检查版本，存在更新，下载新的apk安装包，进行更新，

第一种方法下载：

const handleExport = () => {
  ElMessage.success("2...");

      var elemIF = document.createElement('iframe')
      elemIF.src = downloadPath.value
      elemIF.style.display = 'none'
      document.body.appendChild(elemIF)
    }

第二种方式：

            const downloadElement = document.createElement('a');
            let href = downloadPath.value;
            downloadElement.href = href;
            document.body.appendChild(downloadElement);
            downloadElement.click(); //点击下载
            document.body.removeChild(downloadElement); //下载完成移除元素
            window.URL.revokeObjectURL(href); //释放掉blob对象
            ElMessage.success("...");

第三种方式：

const downloadFile = () => {
  ElMessage.success("1...");

    window.open(
      downloadPath.value,
      '_self'
    );
  }

该方法会弹出该提示框：

点击下载，后无任何反应

一开始以为是权限的问题，后来给了存储的权限，发现并没有发生改变

希望在这里能有解决的方法

顶一下，让更多的人看到