vue页面加载后调用另一个页面的方法
时间: 2023-09-28 18:13:06 浏览: 111
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
在Vue中,可以使用Vue Router来实现页面之间的跳转和方法调用。假设你要在A页面加载后调用B页面的某个方法,可以按照以下步骤实现:
1. 在router.js中定义路由信息:
```
import A from '@/views/A.vue'
import B from '@/views/B.vue'
export default new Router({
routes: [
{
path: '/a',
name: 'A',
component: A
},
{
path: '/b',
name: 'B',
component: B
}
]
})
```
2. 在A页面中使用$router.push方法跳转到B页面,并传递一个回调方法:
```
this.$router.push({
name: 'B',
params: {
callback: this.callback
}
})
```
3. 在B页面的mounted生命周期钩子中获取回调方法并执行:
```
mounted () {
const callback = this.$route.params.callback
callback()
}
```
这样,在A页面加载后就会自动跳转到B页面,并且调用B页面的回调方法。注意,这里的callback方法需要在B页面中事先定义好。
阅读全文