Vue 学习随笔系列五 -- 路由守卫 beforeRouteEnter 的使用
2024-08-18beforeRouteEnter 函数内部不能使用 this，这是因为在执行路由钩子函数beforRouteEnter时候，组件还没有被创建出来；next – 下一步，若无指定跳转的路由，设置为空 next() 即可。to – 即将要跳转到的页面。form – 跳转前的页面。_beforeRouteenter
vue路由已经跳转且不会再次触发跳转，但是需要等A变为true时再加载页面，且不能跳转到其他页面，如何实现
2024-04-19可以使用Vue的导航守卫来实现这个功能。在导航守卫中，可以监听路由变化并决定是否允许跳转。你可以在beforeRouteEnter钩子中判断A的状态，并在A变为true时再加载页面。 例如，你可以这样写代码： javascript hljs复制代码beforeRouteEnter (to, from, next) { if (!A) { // A还没有变为true，不允许跳转 next(false) } else { // A已经变为true，允许跳转 next() } } 这样就可以实现在A变为true之前阻止页面
vue2中，父项目A通过iframe嵌入子项目B的页面（该页面是http://192.168.41.35:9527/#/energyStorage/energyStorageMonitor），代码中先设置src为http://192.168.41.35:9527/导致浏览器插入了一条记录跳转到子项目的首页，然后父项目向子项目发送切换路由消息，子项目监听到到该消息才跳转到该页面。所以导致在该页面点击浏览器返回会回到子项目的首页，如何使得点击返回的跳转顺序正确
2024-04-19可以通过以下方式实现点击浏览器返回时顺序正确跳转： 在父项目A中，设置iframe的src为子项目B的页面地址http://192.168.41.35:9527/#/energyStorage/energyStorageMonitor； 在子项目B中，监听父项目发送的切换路由消息，并根据消息内容进行页面跳转； 在子项目B中，使用Vue Router的beforeRouteLeave导航守卫来监听页面离开前的操作，当用户点击浏览器返回时，执行相应逻辑处理，确保页面跳转顺序正确。 通过以上步骤，可以保证在点击浏览器返回时，能够正确跳转到之前打开的页面，而不