VUE-JS交互

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

1、拦截URL请求

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

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


不说啥了。。直接上图

当时的需求是点击原生应用导航栏的返回,关闭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交互就是这么多啦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,898评论 25 709
  • 曾经我以为这个世界美妙的无法言语,好多人和事就像午后被吹起的泡泡一样,无与伦比,带着所有的欢欣与美好,在每个角落...
    念蘇阅读 404评论 0 0