vue3同级页面调用方法
时间: 2023-05-31 10:01:43 浏览: 130
【JavaScript源代码】Vue两个同级组件传值实现.docx
可以使用Vue 3中的Provide/Inject来在同级页面之间共享方法。
例如,在父级组件中定义一个方法:
```javascript
export default {
provide: {
myMethod: () => {
console.log('This is my method')
}
}
}
```
在同级的子级组件中,可以使用inject来获取该方法:
```javascript
export default {
inject: ['myMethod'],
mounted() {
this.myMethod()
}
}
```
这样,当子级组件被挂载时,就会调用父级组件中的myMethod方法。
阅读全文