首页 新闻 搜索 专区 学院

Vue首页子路由中内容重复?

0
悬赏园豆:5 [待解决问题]

项目使用的是vue3,是个简单的学习demo
路由配置如下

const routes = [
{
path: '/',
name: 'Home',
component: Home,
children: [{
path: '',
component: Main,
name: 'main'
}]
},
{
path: '/about',
name: 'About',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
},
];



main.vue

<template>
<div id="fdfs">
<div class="list">
<MainListWrapper />
</div>
<div class="sidebar">
<MainSideBar />
</div>
</div>
</template>
<script>
import MainListWrapper from "@/components/MainListWrapper.vue";
import MainSideBar from "@/components/MainSideBar.vue";
export default {
name: 'Main',
components: {
MainListWrapper,
MainSideBar
}
};
</script>



然后问题就出现了,如题所述



这是我项目:链接: https://pan.baidu.com/s/1qReGf3Vizzm8UPHtt_3hig

--

再问个题外话,这里提问题时代码片段 怎么插入呢?

问题补充:

提取码: nw5k

dreamw的主页 dreamw | 初学一级 | 园豆:198
提问于:2021-08-16 17:08
< >
分享
所有回答(1)
0

我不舔了 | 园豆:1197 (小虾三级) | 2021-08-16 18:27

`

支持(0) 反对(0) 我不舔了 | 园豆:1197 (小虾三级) | 2021-08-16 18:27

你的回答怎么看不到呢

支持(0) 反对(0) dreamw | 园豆:198 (初学一级) | 2021-08-17 09:25

@dreamw:
要提取码,
插入代码 用 `

比如

代码
print("--- ")

支持(0) 反对(0) 我不舔了 | 园豆:1197 (小虾三级) | 2021-08-17 10:55

@Cgrain: 提取码: nw5k

支持(0) 反对(0) dreamw | 园豆:198 (初学一级) | 2021-08-20 16:56
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册