vue开发与ios&Android交互

混合开发中vue调用ios或android可以直接访问native预留的方法名
但是vue的方法在vue实例的methods中
native并不能访问到页面的vue实例

so~~~

created(){
    window.h5 = this;
}

这样native就可以通过方法名直接访问到组件的vue实例啦,也可以访问到方法

有地方需要注意咯,如果当前页面共存两个需要注册到window的vue实例,那么要避免方法名重复,否则后面的会覆盖前面的实例

建议这样写

created(){
      window.h6 = this;
}

如果是需要被循环的组件嘞

props:['id'],
created(){
  window[`h${this.id}`] = this;
}

此致敬礼~
结束

我建了一个前端微信交流群，欢迎大家加入，qq中转群号：1076484243