Vue3与pywebview前后端初步通信

1、pywebview后端

python 复制代码
class Api:
    def greet(self, test_text):
        print(test_text)
        return f"hello, {test_text}"


if __name__ == '__main__':
    # 前后端通信测试
    api = Api()
    window = webview.create_window('Vue app in pywebview', './static/index.html', js_api=api)   # vue的build文件的路径
    webview.start(debug=True)

2、Vue3前端

javascript 复制代码
<template>
  <div id="app">
    <h1>Greeting Test</h1>
    <button @click="greet">Greet</button>
    <p>{{ greeting }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      greeting: ''
    };
  },
  methods: {
    greet() {
      // 调用后端API
      if (window.pywebview) {
        window.pywebview.api.greet('Socket test').then(response => {
          this.greeting = response;
          console.log(this.greeting);
        });
      }
    }
  }
};
</script>

<style>
#app {
  text-align: center;
  margin-top: 50px;
}
</style>
相关推荐
数据狐(DataFox)10 分钟前
CTE公用表表达式的可读性与性能优化
经验分享·python·sql
蹦蹦跳跳真可爱58914 分钟前
Python----MCP(MCP 简介、uv工具、创建MCP流程、MCP客户端接入Qwen、MCP客户端接入vLLM)
开发语言·人工智能·python·语言模型
No0d1es16 分钟前
第13届蓝桥杯Python青少组中/高级组选拔赛(STEMA)2022年1月22日真题
python·青少年编程·蓝桥杯·选拔赛
MediaTea26 分钟前
Python 库手册:getopt Unix 风格参数解析模块
服务器·开发语言·python·unix
Mintopia28 分钟前
🚀 顶点-面碰撞检测之诗:用牛顿法追寻命运的交点
前端·javascript·计算机图形学
wb18934 分钟前
企业WEB应用服务器TOMCAT
运维·前端·笔记·tomcat·云计算
王尼莫啊38 分钟前
【立体标定】圆形标定板标定python实现
开发语言·python·opencv
烛阴1 小时前
解锁 Gulp 的潜力:高级技巧与工作流优化
前端·javascript
cosX+sinY1 小时前
10 卷积神经网络
python·深度学习·cnn
非极限码农1 小时前
基于Deepseek的语言润色助手API实现与部署指南
python·微服务·自然语言处理