Question

如何在电子中单击按钮来关闭我的应用程序？

2021-08-21

781

javascript vue.js electron vuetify.js

我正在使用 electron 和 vuejs 制作一个无框应用程序，我想知道在单击退出按钮后如何关闭应用程序。

我曾尝试在 home.vue 中使用此代码，但没有成功，因为它只是让我的应用程序空白：

<script>
  const remote = require('electron').remote
  export default {
     data(){
       return{
          w: remote.getCurrentWindow(),
       }
     },
  methods: {
    close(){
      this.w.close()
    },
  }
} 
</script>

由于我对此还不熟悉，才刚刚开始，我还可以使用哪些其他方法，我做错了什么？任何帮助都将不胜感激。

Answer 1

参考这个文档，你可以使用 app.exit()

const { app } = require('electron')
export default {
  methods: {
    buttonClose: function() {
      app.quit();
    }
  }
};

Answer 2

如果其他人遇到此问题，以下代码对我有用（在 Home.vue 中）：

<v-btn @click='buttonClose'></v-btn>

...

<script>
methods: {

            buttonClose: function () {
                window.close();
            }
}
</script>

感谢 garudamon 和 dj burb 为我提供解决方案