将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)