Vue.js封装方法供端调用
页面初始化的时候将方法挂载到window对象上
created(){
window.handleMessageSend = this.handleMessageSend
}
methods:{
handleMessageSend(data){
alert(data)
}
}
二.通过bus组件间通信
main.js
// 接受ios、安卓的发送的消息请求
window.webviewCommonHandle = function (args) {
Vue.prototype.bus.$emit("handleMessageSend", args);
}
create (){
this.bus.$on('handleMessageSend',this.handleMessageSend)
}
beforeDestroy() {
this.bus.$off("handleMessageSend", this.handleMessageSend);
},
methods:{
handleMessageSend(data){
alert(data)
}
}
测试
方法一的测试：
控制台输入window.handleMessageSend()
方法二的测试：
控制台输入handleMessageSend()
网友评论