Vue页面获取安卓传参的方法

最近和安卓原生混合开发遇到了一个问题:安卓通过和我们声明同一种方法可以把值传递给我们;但是我们只能在window下面声明一个函数来接收,很显然,我们new的vue对象和window下面的该函数属于同级作用域,该函数内无法直接操作vue data中的值:如

function getAndroid(a){
     alert(a);//安卓传值过来
     vm.msg = a;
}

结果就是a可以打印出来,但是vm这个vue对象中的msg数据并没有变化!所以这种方式行不通;

接下来使用另一种方式,在该函数中调用vue对象的方法,通过这种方法传递改变vue data中的值,

methods: {	//在vue的methods中定义一个方法
     getRes(a){
        alert(a)
        this.msg = a //改变data中定义的值
     },
}

//在全局中定义该函数
window['getAndroid'] = function(a){
	vm.getRes(a)
}

 结果是成功的,顺利的在vue中拿到了安卓传递过来的参数!

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值