1. 程式人生 > >Vue:與android做通訊,android呼叫WebAPP JS方法

Vue:與android做通訊,android呼叫WebAPP JS方法

這幾天遇到個需求,沒搞過頭大的很!

Web給android提供一個呼叫方法供android呼叫並返回android引數。

首先最重要的是要將函式掛載到window裡去,這裡是最懵的地方。

Android.getClient(msg)  在Vue專案裡呼叫是會報錯,不過沒關係,沒什麼影響,不影響程式正常執行。

<template>
	<div>
		<div class="box_Home" v-for="(item,index) in list">
			<div class="box1" @click="onClickVideo(item.Video)"><img src="../../static/img1.png"/>{{item.description}}</div>
		</div>
	</div>
</template>



<script>
	window.downState=function(msg){
		android.getClient(msg)
	}
	console.log(window.window)//列印window檢視
	export default{
		name:'videoList',
		data(){
			return{
				list:[]
			}
		},
		methods:{
			onClickVideo(msg){
				console.log(msg)
				downState(msg)
			}
		}
	}
</script>

可以把window.window列印一下看看 函式是否掛載上去了。

函式進入window就可以被呼叫了。

上面我自己寫的點選事件,並點選時向android傳遞點選引數。