vue与ios 安卓 交互 写法

Arthur
2021-11-19 / 0 评论 / 125 阅读 / 正在检测是否收录...

将vue methods方法挂载到全局window对象,给app端或后台使用 vue项目

  • 在vue里,所有的方法都是在组件内部声明的,也只能在组件内部调用,并没有绑定window对象下面,这样一来,vue组件里定义的方法怎么暴露给window对象,提供给外部调用呢?

    demo1

    
    created() {
    },
    mounted() {
      /*将backToday方法绑定到window下面,提供给外部调用 后端在使用的时候调取backToday即可
        我们前端 写好方法等待后台调用触发window['backToday'](等同于window.backToday)方法*/
       window['backToday'] = () => {
          this.goToday()
       }
    },
    methods: {
      goToday() {
          // to do something
      }
    }

### demo2
``` js
created() {
},
mounted() {
    /*将backToday方法绑定到window下面,提供给外部调用 后端在使用的时候调取backToday即可
      我们前端 写好方法等待后台调用触发window['backToday'](等同于window.backToday)方法*/
    window.backToday = this.backToday 
 },
 methods: {
    goToday() {
        // to do something
    }
 }
0
如果你觉得文章还不错,可以请我喝杯咖啡啊哈哈哈
wechat alipay

评论 (0)

取消