vue开发 - 将方法绑定到window对象,给app端调用

Posted AlanTao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue开发 - 将方法绑定到window对象,给app端调用相关的知识,希望对你有一定的参考价值。

通过jsBridge方法,H5可以调用客户端(iosandroid)的内部方法,同样,客户端也需要能调用H5页面里定义的js方法,但是在vue里,所有的方法都是在组件内部声明的,也只能在组件内部调用,并没有绑定window对象下面,这样一来,vue组件里定义的方法怎么暴露给window对象,提供给外部调用呢?

mounted() {
    // 将backToday方法绑定到window下面,提供给外部调用
     window[‘backToday‘] = () => {
        this.goToday()
     }
 },
 methods: {
    goToday() {
        // to do something
    }
 }

  

以上是关于vue开发 - 将方法绑定到window对象,给app端调用的主要内容,如果未能解决你的问题,请参考以下文章

Vue中组件通信(eventBus)

vue:如何将一个对象渲染到一个表格中

组件方法响应对象数据绑定

python 3全栈开发-面向对象之绑定方法(classmethod与staticmethod的区别)多态封装的特性property

vue双向绑定原理

Python学习之绑定方法与非绑定方法