VUE-JS交互

作者: 稻草人lxh | 来源:发表于2017-06-05 16:14 被阅读0次

在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交互就是这么多啦。

相关文章

  • VUE-JS交互

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

  • 2020-09-07

    2020.9.71、https://www.html.cn/qa/vue-js/16375.html2、https...

  • vue 生命周期 和 生命周期的执行顺序

    参考资料[https://www.html.cn/qa/vue-js/22535.html] 1. vue生命周期...

  • vue-JS获取农历日期

    原文出处:https://www.cnblogs.com/cqy1125/p/10814954.html[http...

  • 首先引入交互函数 使用交互函数进行交互

  • 关于交互的思考

    在做交互之前,个人觉得有必要对交互进行些许总结,以明确三个问题:交互是什么?为什么要做交互?怎么做交互? 交互是什...

  • Windows下从零开始学习nodejs4.X+express4

    nodejs交互环境 nodejs交互环境简称 : REPL类似于Python的交互环境, nodejs的交互环境...

  • 我们要做个官网

    产品:我们要做个官网。 交互:好啊,好啊, 交互:需求是什么? 产品:刚才的就是啊。 交互:。。。。。。 交互:能...

  • 交互设计

    交互设计中有个预设用途原则,要让用户一看见它就知道如何使用。 动效的交互过程可以拆分为交互对象+交互行为+交互反馈...

  • I/O交互,web交互(8.10)

    I/O交互 终端交互使用

网友评论

    本文标题:VUE-JS交互

    本文链接:https://www.haomeiwen.com/subject/agoifxtx.html