一. 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
	} 
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐