Vuejs+ElementUI项目开发中遇到的坑（一）

错误现象：vue-router跳转到子路由页面时，一直报错路由找不到或者直接跳到404页面。

需求场景：

需要从父级路由跳转到子级隐藏的路由中，左侧侧边栏只显示第一个子路由对应的菜单项，第二个子路由通过第一个子路由跳转过去。

上述路由配置文件与规则还是要结合vue-router的 <keep-alive>进行使用。<keep-alive> 组件用于缓存不活跃的组件实例，当路由切换时，它可以让这些组件实例在内存中保持激活状态。这样，当用户返回到这些组件时，它们就会立即呈现出来，而无需重新渲染。**

解决办法：

1. 确保子路由在路由配置文件中已经注册。
2. 确保子路由的路径与跳转时的路径一致。
3. 确保子路由的组件已经正确导入并注册。
4. 确保子路由的父路由已经正确注册。
5. 确保子路由的父路由的路径与跳转时的路径一致。

如果您已经尝试了以上所有方法，但问题仍然存在，那么可以尝试以下方法：

1. 检查浏览器的控制台，看看是否有任何错误信息。
2. 尝试使用不同的浏览器或设备来访问该网站。
3. 尝试清除浏览器的缓存和Cookie。
4. 尝试重新安装Vuejs和ElementUI。

错误现象：ElementUI的表格组件无法正常显示数据。

解决办法：

1. 确保表格组件的数据源已经正确设置。
2. 确保表格组件的列已经正确定义。
3. 确保表格组件的样式已经正确设置。
4. 尝试使用不同的浏览器或设备来访问该网站。
5. 尝试清除浏览器的缓存和Cookie。
6. 尝试重新安装ElementUI。

错误现象：ElementUI的表单组件无法正常提交数据。

解决办法：

1. 确保表单组件的字段已经正确定义。
2. 确保表单组件的提交地址已经正确设置。
3. 确保表单组件的提交方法已经正确设置。
4. 尝试使用不同的浏览器或设备来访问该网站。
5. 尝试清除浏览器的缓存和Cookie。
6. 尝试重新安装ElementUI。

错误现象：ElementUI的日历组件无法正常显示日期。

解决办法：

1. 确保日历组件的日期格式已经正确设置。
2. 确保日历组件的语言已经正确设置。
3. 尝试使用不同的浏览器或设备来访问该网站。
4. 尝试清除浏览器的缓存和Cookie。
5. 尝试重新安装ElementUI。

错误现象：ElementUI的分页组件无法正常显示分页。

解决办法：

1. 确保分页组件的数据源已经正确设置。
2. 确保分页组件的每页显示条数已经正确设置。
3. 确保分页组件的总页数已经正确设置。
4. 尝试使用不同的浏览器或设备来访问该网站。
5. 尝试清除浏览器的缓存和Cookie。
6. 尝试重新安装ElementUI。

以上是Vuejs+ElementUI项目开发中常见的坑，以及相应的解决办法。希望这些内容能够对您有所帮助。