vue怎么调用另一个页面的函数
时间: 2023-09-23 18:04:07 浏览: 240
vue中实现methods一个方法调用另外一个方法
如果你想在Vue中调用另一个页面的函数,可以使用Vue的事件总线(Event Bus)机制。具体步骤如下:
1. 在main.js中创建一个事件总线:
```
Vue.prototype.$eventBus = new Vue();
```
2. 在需要被调用的组件中,定义一个函数并监听一个自定义事件:
```
methods: {
doSomething() {
// do something
},
mounted() {
this.$eventBus.$on('callAnotherFunction', this.doSomething);
},
beforeDestroy() {
this.$eventBus.$off('callAnotherFunction', this.doSomething);
}
}
```
3. 在调用该函数的组件中,触发该自定义事件:
```
this.$eventBus.$emit('callAnotherFunction');
```
这样,调用该函数的组件就可以触发被调用函数所在的组件中的函数了。
阅读全文