首页在vue3中，<script setup lang="ts">，构建一个子页面，要求在父页面触发某个方法时，页面跳转

在vue3中，<script setup lang="ts">，构建一个子页面，要求在父页面触发某个方法时，页面跳转

时间: 2023-05-20 20:01:54 浏览: 72

Vue.js实战之利用vue-router实现跳转页面

5星 · 资源好评率100%

前言使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 这次的实例主要实现下图的效果：项目结构：一、配置 Router 用 vue-cli 创建的初始模板里面，并没有 vue-router，需要通过 npm 安装 cnpm i vue-router -D 安装完成后，在 src 文件夹下，创建一个 routers.js 文件，和 main.js 平

非常感谢您的提问。在Vue3中，使用<router-link>标签可以实现页面跳转。您可以在子页面中使用该标签，并在父页面中触发相应的方法来实现页面跳转。同时，使用<router-view>标签可以在父页面中渲染子页面。具体实现方法可以参考Vue3官方文档或相关教程。

阅读全文