现在很多App里都内置了Web网页,比如说很多电商平台,淘宝、京东、聚划算等等;web不像Android一样,web框架以及插件太多,每一个框架的交互方法多多少少不太一样,而且变化万千,方法千万种,只要你去使,总有一个适合你;
Android通过WebView于js做交互,js需要写入一个方法给Android做调用,那么我们这边写入方法是window.osetList=function() {},window后面跟着咱们需要给Android传过去的方法名称,但是vue呢?嵌套js方法回调值得时候我们肯定是很麻烦的,下面就开始说明下vue应该如何正确的与Android做交互;
【本篇文档只限于web】
对于前端来说,钩子函数就是指在所有函数执行前,我先执行了的函数,即 钩住 我感兴趣的函数,只要它执行,我就先执行;那么vue的mounted大家肯定知道的,在这发起后端请求,拿回数据,配合路由钩子做一些事情;在mounted里面我们还可以进行dom的操作;
1、配合methods与mounted,首先我们先在methods定义一个方法用于跟Android调用,方法名称一定要与Android商量好!里面传入参数可让Android传入数值,我们这边用于接收;
2、那么我们就要在mounted里面做操作,window后面跟着的这个方法名称,才是咱们真正要给Android能够拿到的方法,所以咱们需要给他赋值;
3、我们vue只做到这里,后面就是交给Android的人员了,这样我们就可以很准确的将方法传递过去,那么我们怎么获取返回值呢?那么请看;
4、ok了,这样我们就可以接收到Android给我们传递的数据了,但是我们如果要看这条数据内容,这个在本机肯定是看不到的,需要去Android那边的模拟机看,因为单单的在我们本机上面是没有人调用我们的。本机自测先输死值,后期部署服务器的时候在修改回来,模拟一下;
ok---------------------------------------------------------------------------
微信:a13717840919 【热爱web前端技术的可交流】 { 下篇文档--【vue3】的安装以及使用 }