vue怎么调用不同页面的函数
时间: 2024-01-07 12:03:47 浏览: 108
vue离开当前页面触发的函数代码
5星 · 资源好评率100%
在Vue中,可以使用$emit和$on方法来调用不同页面的函数。
1. 在需要调用函数的子组件中,使用$emit方法触发一个自定义事件,并传递需要传递的参数。
例如:
```
// 子组件中
this.$emit('eventName', param1, param2);
```
2. 在父组件中,使用$on方法监听该自定义事件,并在回调函数中调用需要执行的函数。
例如:
```
// 父组件中
<template>
<div>
<ChildComponent @eventName="handleEvent"></ChildComponent>
</div>
</template>
<script>
export default {
methods: {
handleEvent(param1, param2) {
// 执行需要调用的函数
}
}
}
</script>
```
这样就可以在不同的页面中调用相应的函数了。
阅读全文