router-view 使用完整路径

回答: 如果你想在router-view中使用完整路径，你可以在路由配置中使用绝对路径。在你的路由配置中，你可以将路径前面加上斜杠来表示绝对路径。例如，如果你想在router-view中使用完整路径，你可以将路由配置中的路径改为绝对路径，如下所示:

const routes = [
  {
    path: '/',
    name: '首页',
    component: () => import(/* webpackChunkName: "about" */ '../views/shouye.vue'),
    children: [
      { path: '/1', component: a },
      { path: '/2', component: aa },
      { path: '/3', component: a3 },
      { path: '/f', component: af }
    ]
  }
]

这样，当你在router-view中使用完整路径时，它将匹配到对应的组件。希望这个解决方法对你有帮助。[2]

相关问题

router-view使用

router-view是一个vue-router中的路由占位符，用于在页面中动态展示对应的组件。它会根据路由配置文件（通常是index.js）中的配置自动匹配对应的组件，并将该组件渲染到router-view中。在vue项目的核心文件App.vue中，我们可以通过在模板中使用<router-view>标签来使用router-view组件进行路由管理。

在使用router-view时，通常需要配置路由路径和对应的组件。在路由配置文件中，可以通过配置父路由的path、子路由的redirect、以及子路由的children来进行路由管理和切换。

需要注意的是，在使用vue-router时，有时会遇到router-view无法渲染的情况。这可能是因为在项目的目录结构中，没有正确导入vue实例、App组件和router实例，或者在路由配置文件中没有正确配置路由路径和组件。需要仔细检查相关代码是否正确导入和配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

<router-view></router-view> 里面使用router-view嘛

是的，可以在`<router-view></router-view>`标签中使用`<router-view>`。在Vue.js中，`<router-view>`是用来渲染匹配到的路由组件的占位符。当路由切换时，`<router-view>`会根据当前路由的路径动态地渲染相应的组件。

例如，在你提供的代码中，`<router-view>`被用作根路由的占位符，而`<router-view name="A"></router-view>`和`<router-view name="B"></router-view>`则是命名视图的占位符。当路由匹配到根路由时，根路由的组件会被渲染到`<router-view>`中；当路由匹配到命名视图时，对应的组件会被渲染到相应的命名视图占位符中。

需要注意的是，`<router-view>`只能在使用了Vue Router插件的Vue.js应用中使用。它是Vue Router提供的一个全局组件，用于实现路由的动态渲染。