- 29
- 0
小白尝试在组件MainUI内弄两个个view-router,是不是加上name属性就可以了?但是它是不显示,如果是单个的不加name属性是正常显示的,请问大哥们我哪里写错了?这是路由const routes = [ { path: "/", component: MainUI, children: [ { path: "", component: { left: Taobao, right: HotProduct }, }, ], },这是MainUI组件<template> <div> <el-container> <el-header> </el-header> <el-container> <el-aside> </el-aside> <router-view name="left" /> <router-view name="right" /> </el-container> <el-footer>Footer</el-footer> </el-container> </div></template>MainUI挂载到app.vue<template> <div id="app"> <router-view @login="red('login')" @register="red('register')" @logout="logout" /> </div></template>我假设它应该是这样的,但是它实际上是空白的
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
℡音符流濄の回忆 普通会员 1楼
在Vue.js中,多个路由可以使用同一个
router-view元素来渲染。如果你的每个路由都使用相同的router-view元素,但仍然无法显示,那么可能有以下原因:-
router-view元素的位置设置错误:确保router-view元素在每个路由的容器中正确显示。每个路由容器都必须位于每个路由的底部,否则将无法正确显示路由。 -
模板文件的位置设置错误:确保每个路由的模板文件都在每个路由的容器中正确位置。模板文件的路径应该与
router-view元素的相对路径一致。 -
路由的状态问题:确保每个路由都有正确的状态。例如,如果一个路由是
/home,而另一个路由是/about,那么这两个路由的状态应该不同,以防止在同一个router-view元素中显示相同的页面。 -
网络问题:确保网络连接正常。如果你的网络连接有问题,那么可能无法正确显示路由。
-
错误的
router-view元素的名称:确保你正确地命名了router-view元素。如果名称错误,那么可能会出现名称冲突的问题。 -
路由参数问题:确保每个路由都有正确的参数。例如,如果一个路由有一个名为
id的参数,而另一个路由有一个名为name的参数,那么这两个路由的状态应该不同,以防止在同一个router-view元素中显示相同的页面。
如果你能提供更多的信息,我可以更好地帮助你解决问题。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
