在vue3上,帮我写一个子页面,要求父页面触发某个方法的时候页面跳转
时间: 2023-05-20 22:01:43 浏览: 97
基于vue循环列表时点击跳转页面的方法
好的,以下是一个简单的子页面组件代码,当父页面触发 `goToPage` 方法时,页面会跳转到指定的路由:
```html
<template>
<div>
<h1>子页面</h1>
<p>当前路由:{{ $route.path }}</p>
</div>
</template>
<script>
export default {
mounted() {
console.log('子页面已挂载')
},
methods: {
goToPage() {
this.$router.push('/target-page')
}
}
}
</script>
```
需要注意的是,这里使用了 Vue Router 来进行页面跳转,因此需要在父组件中引入并配置好 Vue Router。
阅读全文