vue开发与ios&Android交互

作者: 前端小旋风 | 来源:发表于2019-07-22 10:37 被阅读0次

混合开发中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

vue开发与ios&Android交互
混合开发中vue调用ios或android可以直接访问native预留的方法名但是vue的方法在vue实例的met...
vue与原生app交互混合开发
vue与原生app交互混合开发 vue 通过路由vue-router。 (例如：this.$router.pus...
Vue2+Express+MySQL构建前后端分离项目
需要用到前端：Vue-cli 快速构建项目，开发前端页面Vue-Resource 与后端交互后端：Node ...
iOS开发-WKWebView与JS的交互
iOS开发-WKWebView与JS的交互 iOS开发-WKWebView与JS的交互
iOS 与 JS 交互开发知识总结
iOS 与 JS 交互开发知识总结 iOS 与 JS 交互开发知识总结
vue(2)
Vue组件化开发组件化开发的思想组件的注册组件间的数据交互组件插槽的用法 Vue调试工具的用法组件开发思...
Vue.js仿eleme项目(3)
六，header组件开发 1. vue-resource vue-resource 处理前后端请求数据交互。安装引...
vue 异步请求
vue-router 异步请求在实际的应用开发中，与后端交互，进行异步请求是很常见的需求 axios 请求跨域...
vue 知识点整理——使用vue-cli 3.0搭建项目
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目...
axios 跨域处理以及带 cookies 的请求
背景在开发 vue 的项目时，使用 axios 来与后端交互，经常会遇到几个问题请求跨域请求中带 cooki...

网友评论

本文标题：vue开发与ios&Android交互

本文链接：https://www.haomeiwen.com/subject/avdilctx.html

vue开发与ios&Android交互