vue js 和原生app调用回调方法问题

import Vue from 'vue'

export default {
name: 'list',
components: {

},
data: () => ({

}),

//计算属性
computed: {

//监听
watch: {

},
//挂载前
created() {
window.appCallbaclk = (...arg)=> this.callbaclk(...arg);
},
//挂载完成
mounted() {

//方法
methods: {
　　callbaclk(obj){
　　　　console.log(obj,this)

　　　　//这里是拿到app的数据后需要进行的操作代码，例如

　　　　var str=JSON.parse(str)
　　　　util.access_token = str.access_token;

}
}

首先把app调用的回调方法挂载到window下。这样vue打包的时候app是就可以调用了。而不会因为vue编译后调不到vue方法

转载于:https://www.cnblogs.com/xiao-ling-zi/p/10918166.html

vue js 和原生app调用回调方法问题相关推荐

混合开发中，H5页面与原生app交互（方法互相调用与传参）
H5与原生app交互,需要WebViewJavascriptBridge,废话不多直接上代码,下面是项目中的封装bridge.js的全部代码(示例代码为vue) //iOS 交互声明 function ...
vue.js 项目打包APP应用包
vue.js 项目打包APP应用在hbuilderx编辑器使用的,vue.js 项目打包APP应用创建一个vue.js项目,写好移动端 vue.js 框架,APP项目完成. 1.在config配置 ...
android h5和原生方法调用,H5与原生APP之间的方法互通
最近做与app端的混合开发,了解到了H5与原生app端之间的方法互通首先是我们给app端定义方法供他们使用(以vue为例) methods中定义一个方法名称 VContent() { console ...
Vue.js如何在一个页面调用另一个同级页面的方法
实际开发过程中,当前组件调用完方法之后,也许会调取同一级组件中的方法,本人暂时想到两种办法: 1. vm.$on(event,callback) 新建一个工具函数util.js,代码如下: impor ...
手摸手，带你用 vue 动画实现原生 app 切换效果，丝滑般的体验
先来看效果图完整源码在 github 中欢迎 star: https://github.com/imfing/vuexlearn 准备开始之前您需要有 vue 基础,以及安装好 vue-cli ...
php动态写入vue,Vue.js中使用动态组件的方法
本文介绍了如何在Vue.js中引用组件中的HTML元素.您可以通过使用Vue路由器或创建动态组件来切换视图或组件模板. Vue路由器用于在DOM中的视图或组件模板之间导航.要使用Vue路由器,请在ro ...
Vue.js的下载和调用
Vue支持双向绑定,非常不错.将视图层和模型层分离开.是基于MVVM模型,模型-视图-视图模型 .支持ES6. 目录一.在官网下载vue.js文件二.声明Vue对象三.Vue修饰符 1. v-o ...
vue.js示例_一个示例项目，展示了集成Vue.js和Lumino的一种方法
vue.js示例 Vue-lumino (vue-lumino) An example project showing one way to integrate Vue.js and Lumino ( ...
vue如何使用原生js写动画效果_手摸手，带你用 vue 动画实现原生 app 切换效果，丝滑般的体验...
先来看效果图完整源码在 github 中欢迎 star: 准备开始之前您需要有 vue 基础,以及安装好 vue-cli 开始新建 vue 项目:vue init webpack vuexle ...

vue js 和原生app调用回调方法问题

vue js 和原生app调用回调方法问题

vue js 和原生app调用回调方法问题相关推荐

最新文章

热门文章