vue与flutter交互——vue

vue与flutter交互——vue

一. vue向flutter发送消息

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

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

二. vue接收来自flutter的消息

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

1. 暴露方法名

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

2.在methods中定义同名方法

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