H5如何与IOS和安卓进行交互

/**
 * @FUNCTION memberRecharge
 * @params NaviType是否需要显示导航栏 1 不显示 2 显示 3 会员充值（比较特殊的一个） 4 白色有背景（禁掉系统的导航栏，使用自己的导航栏）
 * @params NaviIntro 导航栏显示的文字
 * @params NaviColor 导航栏的颜色
 * @params ArchiveColor 文案的颜色
 * @desc   本地调试的时候可以关闭当前代码的调用 因为本地的时候是没有该方法的，浏览器会直接报错！
 */
function NaviInfo(arg) {
	console.log(arg)
	try {
		window.ios.memberRecharge(arg);
	} catch (error) {
		try{
			window.webkit.messageHandlers.memberRecharge.postMessage(arg);
		}catch(e){
			console.log("can not find Function of IOS" + e)
		}
	}
}
export default NaviInfo

import Vue from 'vue'
import App from './App'
import http from './static/js/request.js'
import naviinfo from './static/js/commonNavi.js'


Vue.config.productionTip = false
App.mpType = 'app'

Vue.prototype.$http = http
Vue.prototype.$naviinfo = naviinfo  //全局的交互方法

const app = new Vue({
    ...App
})
app.$mount()

/**
			 * @FUNCTION memberRecharge
			 * @params NaviType是否需要显示导航栏 1 不显示 2 显示 3 会员充值（比较特殊的一个） 4 白色有背景（禁掉系统的导航栏，使用自己的导航栏）
			 * @params NaviIntro 导航栏显示的文字
			 * @params NaviColor 导航栏的颜色
			 * @params ArchiveColor 文案的颜色
			 */
			let params_obj = {
				NaviType: "3",
				NaviIntro: "会员充值",
				NaviColor: "",
				ArchiveColor: ""
			}
			this.$naviinfo(JSON.stringify(params_obj))

if (this.ish5) {
					history.go(-1);
				} else if (this.ua.indexOf('Android') > -1 || this.ua.indexOf('Adr') > -1) { // 安卓
					jsInAndroid.goback()
					// window.android.submitData('goback',null);
				} else if (this.ua.match(/MicroMessenger/i) == 'micromessenger') { // 微信
					console.log("微信环境下")
					//}else {
				} else if (!!this.ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) { // IOS
					window.webkit.messageHandlers.goback.postMessage({
						func: 'goback',
						shareLink: null
					});
				}

constructor(props) {
    super(props);
    this.topicShare = this.topicShare.bind(this);
  }
componentWillUpdate() {
    //将函数挂载到windows上进行IOS和安卓交互
    window.topicShare = this.topicShare;
  } 
 /**
   * @function  topicShare 话题分享功能
   */
topicShare() {
    const { topicDetail, isAndroid } = this.state;
    try {
      if (isAndroid) {
        window.jsInAndroid.topicShare(topicDetail.TopicId);
      } else {
        window.ios.topicShare(topicDetail.TopicId);
      }
    } catch (error) {
      console.log(error);
    }
  }

mounted() {
     window['funcDemo'] = () => {
        this.goDemo()
     }
}
methods: {
    goDemo() {
      //nothing
    }
 }