vue与flutter交互——vue

李维亮

发布于 2023-10-28 09:52:19

2640

发布于 2023-10-28 09:52:19

一. vue向flutter发送消息

定义一个方法，在方法内部使用如下语句即可。注意‘MessageDeal’方法名要与flutter端定义的方法名一致

MessageDeal.postMessage('4') // 向flutter发送数字4

二. vue接收来自flutter的消息

注意‘flutterCallJsMethod’方法名要与flutter端定义的方法名一致

暴露方法名

// 在挂载时将方法名挂载到window上，把方法名暴露给flutter
mounted() {
  window.flutterCallJsMethod = this.flutterCallJsMethod
}

2.在methods中定义同名方法

flutterCallJsMethod(message) {
  // message是flutter发送来的消息
  if (message==='back') {
    this.showSharePage = false
  } 
}

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2023-10-27，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度