写了一个简单的小路由，但是怎么组件渲染不上甚至dom都没有创建？

作者站长头像
站长
· 阅读数 3

父组件

<template>
  <div>
    <seller></seller>
  </div>
</template>

<script>
import seller from '@/components/seller.vue'

export default {
  components: { seller }
}
</script>

路由配置写了一个简单的小路由，但是怎么组件渲染不上甚至dom都没有创建？路由出口写了一个简单的小路由，但是怎么组件渲染不上甚至dom都没有创建？

修改补充：之前路由配置时，没有设置根路径，在vue调试工具中没有/sellerpage这条路径。后来添加根路径并将/sellerpage设置为子级，正确显示出路径。写了一个简单的小路由，但是怎么组件渲染不上甚至dom都没有创建？写了一个简单的小路由，但是怎么组件渲染不上甚至dom都没有创建？但是路由组件依然没有被创建写了一个简单的小路由，但是怎么组件渲染不上甚至dom都没有创建？入口函数：写了一个简单的小路由，但是怎么组件渲染不上甚至dom都没有创建？

回复
1个回答
avatar
test
2024-06-25

组件出口是在根组件，一开始设计时，组件路由不作为根路径的子级路由，Vue调试工具就没有显示routes，并且没有创建dom。后来写在根路径下后，路由加载了但仍然没有创建dom。感谢@standbill ，我想到组件出口在根路径，那我放到根路径下是不对的（尽管一开始我的设计就是这样，但没实现）。然后更改了路由设置，可以正常渲染、加载dom了。这个bug尽管我也不知道啥原因，但是周一一大早就看到这么多人解答，很感动，谢谢大家！

原因：一开始路由配置正确，但是routes写的route，后来配置改成子级路由并改为正确的变量名后，就有了我的提问：路径可以加载但是不创建dom，感谢@陟上晴明 提醒指正。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容