H5接收原声app传参

封装此方法：

// 获取app传url参数
export const getQueryVariable = (variable) => {const query = window.location.search.substring(1);console.log("获取app传url参数", query)const vars = query.split("&");for (var i = 0; i < vars.length; i++) {console.log(vars[i]); ( //图1就是拿到所有参数，参数解析var pair = vars[i].split("=");if (pair[0] == variable) { console.log(pair[1]) //  具体拿哪个参数跟传参有关return pair[1];}}return (null);
}

图1:

页面js使用：
使用前记得引入

// native根据自己情况传参
if (getQueryVariable("native"))  { //具体看图2let native = getQueryVariable("native");  // 赋值是因为我要判断
}

假如说我要拿到android 那你调用getQueryVariable()函数时就需要传你拿的参数名，‘native=android’所以拿getQueryVariable("native")
图2：

H5接收原声app传参相关推荐

路由声明式传参和编程式传参
声明式传参(使用带href /或本质上是a标签的时候) 直接带路径里带携带参数下例在地址栏是可以看到参数的(querys传参) 在vue.tools插件里可以观察到取出路径参数的方式 param ...
前端h5与 android/ios 交互传参
介绍前端与 Android/iOS 交互的代码.(双方要约定一个公用的方法) 1.与Android交互 ① 前端调用 Android 的方法,这里将约定的方法名为:HtmlToAndroid w ...
Vue开发中有着原声app效果的滚动的第三方插件better-scroll在github的上面的运用方法及地址
https://github.com/ustbhuangyi/better-scroll 以上是github地址 better-scroll 中文文档 What is better-scroll ...
java中注解动态传参_SpringMVC之注解、传参、返回值及拦截器
1. 注解式开发之annotation-driven解释 (1) mvc注解驱动在哪个文件中配置? Springmvc.xml (2) 配置mvc注解驱动使用哪个标签? 2. 注解式开发之视图解析器 ...
【C语言进阶】数组、指针、函数——传参篇
目录写在前面一.数组传参一维数组传参二维数组传参二.指针参数一级指针传参二级指针传参三.函数传参四.看懂代码写在最后写在前面上篇文章介绍了指针数组和数组指针,有兴趣的小伙伴可以 ...
Vue 中路由传参（动态路由匹配）
一.解释把数据从一个路由页面传递到另外一个页面的技术这里列举了 params 和 query 的传参方式二.案例案例展示手机列表页传参到手机详情页面(传递的是id) ① params ...
react路由传参的几种方式
第一种传参方式,动态路由传参 <Link to='/home/dx'>首页</Link><Route path="/home/:name" compo ...
uni-app打包原声App-云打包详细教程
uni-app原声App 云打包详细教程最近在研究uniapp他可以跨端开发各种平台的应用,一码多平台.然后一般用的最多的就是pc端,微信小程序,微信公众号,和手机应用端,今天就主要讲手机应用端的打 ...
混合开发中，H5页面与原生app交互（方法互相调用与传参）
H5与原生app交互,需要WebViewJavascriptBridge,废话不多直接上代码,下面是项目中的封装bridge.js的全部代码(示例代码为vue) //iOS 交互声明 function ...

H5接收原声app传参

H5接收原声app传参相关推荐

最新文章

热门文章