VUE-JS交互

在app内嵌H5项目中肯定要用到不少交互,原生和H5交互,H5和原生的交互,我现在所了解到的交互有两种形式:

1、拦截URL请求

2、注入window对象,来相互调用方法

第一种方法我觉得比较传统,也比价麻烦,所以果断选择第二种方式--注入window对象


VUE-JS交互_第1张图片
不说啥了。。直接上图

当时的需求是点击原生应用导航栏的返回,关闭webView----解决办法——>加交互:(当然有更好的办法的朋友可以和我说一下,学习一下)

原生调用H5(Vue)方法:

gobackAction—>Vue 注入到window的方法,这样原生应用就可以调用到Vue的方法啦!

H5(Vue)调用原生方法:

close—>原生应用注入到window的方法,obj则是原生应用注入到window的对象,所以要调用到原生的close方法必然是obj.close

注意点:

注意的是settimeout这个方法,具体我也说不太明白,反正就是写了setTimeout可以确保原生可以调用的到(这里我试过确实会有这个现象),还有必要注意的地方就是,下面iframe那些东西,也是我在写Vue时遇到的坑,在iOS的webView里,如果不写这些,在js加载完之后是拿不到title的,所以还是在router里面的这个settimeout方法里把这些放进去!!

OK。。目前我所掌握的Vue的JS交互就是这么多啦。

你可能感兴趣的:(VUE-JS交互)