TuKouKouClient/frontend/src/views/example/Ipc.vue

<template>
  <div>
    <div>
      <h3 :style="{ marginBottom: '16px' }">
        demo3-1 渲染进程与主进程IPC通信
      </h3>
      <a-list bordered>
        <!-- <a-button @click="helloHandle">打招呼</a-button> -->
        <a-input-search v-model="content" @search="helloHandle">
          <a-button slot="enterButton">
            send
          </a-button>
        </a-input-search>
      </a-list>
    </div>
    <div style="margin-top: 20px;">
      <h3 :style="{ marginBottom: '16px' }">
        demo3-2 主进程API执行网页函数
      </h3>
      <a-list bordered>
        <a-input-search v-model="content2" @search="executeJSHandle">
          <a-button slot="enterButton">
            send
          </a-button>
        </a-input-search>
      </a-list>
    </div>
  </div>
</template>
<script>
import { localApi } from '@/api/main'
export default {
  data() {
    return {
      content: 'hello',
      content2: 'hello world',
      reply: ''
    }
  },
  methods: {
    helloHandle(value) {
      const self = this;
      this.$callMain('example.hello', value).then(r => {
        self.$message.info(r);
      })
    },
    executeJSHandle(value) {
      localApi('executeJS', {str: value}).then(res => {
        if (res.code == 0) {
          console.log(res.data);
        }
      }).catch(err => {
        console.log('err:', err)
      })
    }
  }
}
</script>
<style></style>