router-view是怎么找到另外一个文件夹中的内容插入进去

最新推荐文章于 2024-06-11 07:17:02 发布
最新推荐文章于 2024-06-11 07:17:02 发布
阅读量475 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ss515896745/article/details/88580457
本文深入探讨了在router文件中配置路径地址的方法，特别是component属性的作用及其如何通过redirect属性进行页面跳转，为理解前端路由提供了清晰的指导。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述

这是因为router文件中配置路径地址的时候在component属性指定的

	path: '/products',
    component: Layout,
    redirect: '/products/list',
宋小虫
关注
Vue 56 ，若依添加router-view，使用详细（若依后台管理系统添加router-view）
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
07-14 7458
⭐若依后台管理系统是一款基于 Spring Boot、Spring Security、JWT 以及 Vue 和Element UI构建的企业级解决方案，广泛适用于企业网站、电子商务平台及移动应用等多种场景。凭借其出色的性能和优秀的用户体验，若依在GitHub和Gitee上赢得了大量开发者的青睐，积累了数几十K的星标。作为一个开源项目，若依允许用户免费使用，但同时也要求遵循相应的开源协议。这里，我们分享如何在若依系统中添加 路由坑位，以实现更灵活的页面布局与导航功能。
Vue-CLI + Vue3 + Vue-Router4 实现tabbar小案例
全粘小谭的博客
05-26 1109
tabbar导航栏案例：该案例实现了基础的组件封装，编程式路由，以及插槽的使用，对于我们日常组件化开发有着很大的启示作用，主要效果是点击下方的导航栏链接，上方内容区显示对应的组件内容，就如果我们常用的手机App一样。
vue-router的导入和使用
codemami的博客
06-11 784
在你的 Vue 组件中，你可以使用 <router-link> 来创建链接，当用户点击这些链接时，视图会自动更新为对应路由所映射的组件。现在，当你点击 "Home" 或 "About" 链接时，<router-view> 的内容会自动更新为对应的组件。在你的主文件（通常是 main.js 或 main.ts）中，你需要导入 Vue 和 vue-router。然后，你可以使用 routes 配置来创建一个 router 实例，并将其传递给 Vue 的根实例。接着，你需要定义你的路由。
Vue3：router组件的导入
weixin_54048131的博客
01-12 509
vue router-view 使用
Decennie的博客
03-16 1193
vue router-view 使用 在APP.vue主组件中，内容上就只有，然后在其他页面也有，可以理解为：一层路径(/xxx)对应一个router-view，也就是说需要在父组件里书写router-view。 比如url: /a/b/c (假设a、b、c都为正常路径，不会作为参数) 那/a对应的就是App.vue中的router-view，/a进入a.vue中 那/a/b对应的就是a.vue中的router-view， /a/b进入b.vue中 10分钟学会嵌套路由的使用（router-view） 小
若依 多级目录
m0_58565372的博客
04-26 1663
一.因为我是在系统管理页面里面加二级目录，所以，我在views/system下加一个log目录，即views/system/log/index.vue。经过查找发现是，如果是多级目录，需要在二级目录的跟文件下添加一个2.在将菜单改选成目录(其实先把菜单里面的组件路径填上即可，然后再切换成目录)1.首先，先将二级目录选成从菜单，将路由地址、组件路径填好，填成二级目录。在index.vue里面写入。二.修改菜单里面的配置。以上两部即可解决问题。
django-role-router-0.2.1.src.zip
08-14
在压缩包中的`jhvar`可能是源代码文件夹，其中包含了实现这些功能的Python模块，包括但不限于`router.py`（定义角色路由的类）、`middleware.py`（实现角色验证的中间件）以及可能的示例或测试文件。 总之，`django...
Vue.js实战之利用vue-router实现跳转页面
10-20
这意味着你可以将不同的内容动态地插入到页面的同一个位置。 对于路由跳转，可以通过编程式导航来完成。例如，你可以在方法中调用this.$router.push()来编程式地导航到不同的路由，或者使用<router-link>组件来在...
详解windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用
08-30
首先，在项目根目录下创建一个名为`router`的新文件夹，并在其中创建`index.js`文件。在这个文件中，我们将定义路由规则。打开`index.js`，输入以下代码： ```javascript import Vue from 'vue' import Router from...
vue+webpack+vue-router+element+axios全家桶搭建vue项目完整教程详解 2019
PGguoqi的博客
04-19 9482
未完
vue-element-template前端搭建笔记
weixin_40398599的博客
04-14 7406
1.前期准备 你需要在本地安装node和git。本项目技术栈基于ES2015+、vue、vuex、vue-router、vue-cli、axios和element-ui，所有的请求数据都使用Mock.js进行模拟。相关知识需要自己去相关网站学习。 Node安装地址： 官网下载地址：https://nodejs.org/en/download/ 中文下载地址：http:...
关于若依框架多级菜单的设置
01-22 1万+
最近从php转到java，并且被要求用了一个叫若依的框架。然后有个需求需要用到三级菜单。按照二级菜单配置后前端的element-ui显示找不到该model。最后看官方文档，外加csdn的一个博客才给解决掉。不过这些东西对于新手或者刚转为java用该框架的人可能看不太明白。在此写一个教程也是为了记录下自己解决这个问题的方法。 先上官方教程 上面是官方的多级目录配置说明，什么在二级目录下增加<router-view>,这些对于初学vue的人，和初步接触若依框架的人，绝对一脸懵逼。下面解.
Vue第二节--了解vue工作原理
weixin_44439110的博客
10-15 403
学习vue-element-admin的总结 1 标题结构组成---------------------------- 布局layout-->路由routes-->侧边栏sidebar--> 2 路由的使用---------------------------- import Vue from 'vue' import Router from 'vue-router' Vue...
解决创建的vue项目没有router，view文件夹
m0_65380423的博客
01-08 9239
新手创见vue项目时，可能遇见创建出来的项目没有view，router文件夹的情况，解决这个问题
vue之router-view组件的使用
热门推荐
luoyu6的博客
04-26 32万+
开发的时候有时候会遇到一种情况，比如 ：点击这个链接跳转到其他组件的情况，通常会跳转到新的页面，蛋是，我们不想跳转到新页面，只在当前页面切换着显示，那么就要涉及到路由的嵌套了，也可以说是子路由的使用。   以饿了么订餐的情景来说吧，在同个页面，切换显示不同组件的相应内容，同时地址栏的地址是会变的 怎么实现它呢？ 首先 我们在导航组件navbar.vue中写了三个导航链接，他们对应地址分...
vue-router 设置默认路由
wangdan_2013的博客
09-25 4万+
vue-router 设置默认路由
如何在一个页面使用多个router-view显示不同的内容
qq_37816525的博客
09-24 2914
首先：路由配置如下 routes: [ { path:'/', name:'Home', components:{ default:Home, 'his':History } } ] 上面的代码主要是把component变成components，然后default默认显示哪个组件， 其余的多个组件分别...
Vue入门
AngleWang
04-14 3547
Vue入门 例1：App页面的某个部分显示想要显示的内容 a. 主页面 <template> <div><router-view/></div> <!--想要在该部分显示就将<router-view>放在这--> </template> <script> exp...
router-view 使用
month_ss_815的博客
02-19 2853
&lt;router-view&gt; 组件是一个 functional 组件，渲染路径匹配到的视图组件。&lt;router-view&gt; 渲染的组件还可以内嵌自己的 &lt;router-view&gt;，根据嵌套路径，渲染嵌套组件。 router-view官方讲解 router-view demo https://router.vuejs.org/zh/guide/#html...
vite项目 添加vue-router 指令 和后续准备工作
最新发布
03-11
接下来你需要在 src 文件夹里新建一个名为 `router/index.js` 或者 `router.ts`（如果你正在使用 TypeScript）的文件用于定义应用的所有页面路径及其对应的组件映射关系。 #### 示例代码（对于 JavaScript 用户） `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值