路由跳转但组件没有渲染

Question

老师您好，在学习本章节时，我遇到了这样的问题：
当从UserManage组件，点击“查看”按钮，路由跳转了，浏览器地址栏url是变了，TagsView组件也出现了“员工信息”的tag，但是UserInfo组件没有渲染出来。此时刷新浏览器，组件才能正常渲染和执行请求数据的方法。

老师有遇到过这种情况吗？

Answer 1

Sunday 2022-01-27 09:04:11

你好

这个就需要具体情况具体分析了。因为出现这种问题的可能性会比较多。其中比较大的可能性有两个：

1. 页面报错：针对于这种只需要处理对应错误即可。

2. main.vue 渲染的 router-view 路由出口出现错误：因为我们在 main 是中通过 routerview + transition + keepalive 进行的渲染。这个渲染尽量保证 vue 和 vue-router 的版本与课程一致，以避免出现意料之外的错误。

• 提问者 stb烙饼 #1

  谢谢老师，经过测试，确实发现是transition+keepalive的问题。
  在AppMain组件中，只使用<router-view>，是能正常跳转和渲染组件的。
  我把版本都升级到了和课程一致，但是还是存在这个问题。
  我再尝试下其他方法，如果不行的话，我把问题复现下，在群内请您看下代码。

• 慕虎9421592 回复 提问者 stb烙饼 #2

  遇到了一样的问题，请问这个问题是怎么解决的

• Sunday 回复 慕虎9421592 #3

  是由于 userManage 组件包含多个根标签的原因导致的