账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue.js多个view-router为什么无法显示?
    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元素,但仍然无法显示,那么可能有以下原因:

      1. router-view元素的位置设置错误:确保router-view元素在每个路由的容器中正确显示。每个路由容器都必须位于每个路由的底部,否则将无法正确显示路由。

      2. 模板文件的位置设置错误:确保每个路由的模板文件都在每个路由的容器中正确位置。模板文件的路径应该与router-view元素的相对路径一致。

      3. 路由的状态问题:确保每个路由都有正确的状态。例如,如果一个路由是/home,而另一个路由是/about,那么这两个路由的状态应该不同,以防止在同一个router-view元素中显示相同的页面。

      4. 网络问题:确保网络连接正常。如果你的网络连接有问题,那么可能无法正确显示路由。

      5. 错误的router-view元素的名称:确保你正确地命名了router-view元素。如果名称错误,那么可能会出现名称冲突的问题。

      6. 路由参数问题:确保每个路由都有正确的参数。例如,如果一个路由有一个名为id的参数,而另一个路由有一个名为name的参数,那么这两个路由的状态应该不同,以防止在同一个router-view元素中显示相同的页面。

      如果你能提供更多的信息,我可以更好地帮助你解决问题。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部