vue与flutter交互——vue

一. vue向flutter发送消息

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

代码语言：javascript复制

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

二. vue接收来自flutter的消息

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

暴露方法名

代码语言：javascript复制

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

2.在methods中定义同名方法

代码语言：javascript复制

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

flutter message methods window

0 人点赞