addEventListener

[lengnuan-v]

document.addEventListener('astilectron-ready', function() { // This will send a message to GO astilectron.sendMessage("hello", function(message) { console.log("received " + message) }); })

There is no problem sending data to go through this method, including the refresh can also get the data, but when you click on the route connection, you cannot get the data, why

[asticode]

I don't really understand what your problem is. Can you share some reproducible code ?

[lengnuan-v]

    mounted() {
            document.addEventListener("astilectron-ready", function (event) {
                astilectron.sendMessage({name: "name", payload: "payload"}, function (message) {
                    console.log(message)
                });
            });
    },

Using vue routing, sendMessage is executed. It can only enter the event after the first open or refresh

[asticode]

You only need to wait for astilectron-ready once, when the window first loads. I would create a variable isAstilectronReady = false and would do something like this :

if (!isAstilectronReady) {
  document.addEventListener("astilectron-ready", function (event) {
    isAstilectronReady = true
    astilectron.sendMessage({name: "name", payload: "payload"}, function (message) {
      console.log(message)
    });
  });
} else {
  astilectron.sendMessage({name: "name", payload: "payload"}, function (message) {
    console.log(message)
  });
}

[lengnuan-v]

According to your method is feasible, but the problem will still occur when entering other pages by refreshing other pages. My solution is:

if (typeof astilectron === "undefined") {
    document.addEventListener("astilectron-ready", function (event) {
        astilectron.sendMessage({name: "name", payload: "payload"}, function (message) {
            console.log(message)
        });
    });
} else {
    astilectron.sendMessage({name: "name", payload: "payload"}, function (message) {
        console.log(message)
    });
}

[asticode]

👍

[Ghardo]

just suround the "new Vue" with the event listener

document.addEventListener('astilectron-ready', function() {
  new Vue({
    render: h => h(App)
  }).$mount('#app')
})

or take a look at my vue astilection plugin ;) https://github.com/Ghardo/astor