Android原生和H5交互;Android和H5混合开发;我是在uniapp中开发h5页面去和Android交互传参的!

                    VUEAPP交互传参的方法
一.Vue(h5)打开app并携带参数方法
vue定义点击事件
  @click="vidoe(item.id)"
然后写方法:
//h5跳转到原生app的方法
			 vidoe:function(id){
     
					 window.FindActivity.toVideo(id); 
			 },
   toVideo是安卓中定义的方法名!

二.app向vue(h5)中传参方法
    在mounted() {
     
			window.getFromAndroid = this.getFromAndroid
		},中定义这个方法

然后,在
  methods: {
     
			getFromAndroid:function(userId(app传过来的值)){
     
				this.userId = userId (保存到data中了)
			},
         } 中写这个方法;
这样在前端中是看不到参数的,必须布置到服务器通过app去访问才行
                    H5APP交互传参的方法
三.h5打开app并携带参数方法

let goback = document.querySelector("#goback");
goback.addEventListener('click', function (e) {
     
    window.ShopActivity.toBack();
})
//h5跳转到原生app的方法
			 window.ShopActivity.toVideo(toBack);
   toBack是安卓中定义的方法名!

四.app向h5中传参方法
参数在跳转时通过地址栏参数传递
    Let  idfromhref = location.search.slice(1)
	console.log("idfromhref:")
取得地址栏问号及之后的参数,去掉问号后即可得到内容

你可能感兴趣的:(uniapp和安卓交互,html5,android)