vue.js - 使用Mounted()或created()VueJs + Electron内的ipcRenderer.on()时，文本在屏幕上未更改

Question

嗨，我正在使用electronic + vuejs并尝试从 Electron 主进程接收数据。这是一些数据从主进程发送到渲染器进程。并且在渲染器进程内部，我在created()或mount()中有ipcRenderer.on() 。但是那里没有接收到数据。并且文本没有在屏幕上更新。我的代码如下所示:注意即使我使用mount()也不起作用。我在做什么错？我该如何解决这个问题？<div>{{logText}}</div>

data(){

return {
logText:''
}
},
created(){

        ipcRenderer.on('setlogText',(event,arg)=>{

        console.log('logtext is: ',logText,"ended")

        this.logText = arg;

        console.log("setlogtext",arg);
        })
    }

Answer 1

所以我已经通过使用this。$ nextTick()解决了这个问题，但是现在的问题是它在下一个周期而不是当前周期更新。所以你可以用this。$ watch替换this。$ nextTick，它将解决问题。对于以后阅读此书的任何人，您都可以查看$ watch的文档。现在还有另一个问题，在渲染器过程中多次调用ipcRendere.on()。如何解决这个问题我不知道然而。

mounted:function(){         
            this.$nextTick(function(){
                ipcRenderer.on('setlogText',(event,arg)=>{
                    this.logText = arg;
                });
            });
        }