在父组件的模板中,你需要添加一个<router-view>标签,这样Vue Router就可以知道在哪里渲染子路由对应的组件了。如上面的父组件模板所示。 测试并验证路由跳转到子路由的功能是否实现: 启动你的Vue应用,并确保你可以通过点击链接或使用编程式导航成功跳转到子路由,同时验证子路由对应的组件是否正确渲染。 通过以...
import{ defineComponent, onMounted, reactive,readonly, ref }from'vue';import{ useRouter, useRoute }from'vue-router';exportdefaultdefineComponent({name:'Login',setup() {constrouter =useRouter(), route =useRoute();constsubmitForm= () => { formRef.value?.validate((valid) =>{if(valid) {log...
1.首先在需要跳转的页面引入API—useRouter import { useRouter } from 'vue-router' 2.在跳转页面定义router变量 //先在setup中定义 const router = useRouter() 3.用router.push跳转页面 // 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路由 router.push({ name:...