vue新手问题,关于vue的router-link问题

图片描述

现在我的视图结构是这样的,有三个主要的组件
现在我想实现的是点击链接后,只在<content-main></content-main>组件中显示,
有点蒙蔽了!
如何实现呢?

阅读 2k
2 个回答

vue文件下将路由视图单独提出来,
例:一级路由的话,将其放在App.vue文件下
App.vue

<template>
    <header-top></header-top>
    <side-left></side-left>
    //路由视图
    <router-view></router-view>
</template>

然后配置路由就可以实现了

<router-view class="view one" name="top"></router-view>
<router-view class="view two" name="left">放link</router-view>
<router-view class="view three" name="content">
    <router-view>其他路由视图</router-view>
</router-view>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题