ios - 使用 Vuejs 在 iOS 上安装 PWA 提示

Question

我有一个带有 VUEJS 的 PWA，我需要帮助才能使此代码在 iPhone 上运行。在 Android 上它运行完美。如果用户尚未安装该应用程序，该按钮就会出现，但如果已经安装，该按钮就会消失。 IOS 没有提示，但我想添加一个按钮，单击该按钮后，用户将进入 pwa 的安装。

data() {
        return {
            installBtn: 'block',
            installer: undefined,
},

created(){
        const self = this;

       let installPrompt;
       window.addEventListener("beforeinstallprompt", e => {
           e.preventDefault();
           installPrompt = e;
           this.installBtn = "block";

       });

       this.installer = () => {
           this.installBtn = "none";
           installPrompt.prompt();
           installPrompt.userChoice.then(result => {
               if(result.outcome === "accepted") {
                   console.log("User Accepted");
               } else {
                   console.log("User denied");
               }
               installPrompt = null;
           });
       };
},

Answer 1

我认为 iOS Safari 目前不支持 Web 应用程序安装横幅。请参阅https://stackoverflow.com/a/51160938/4472488