When vue-router jumps to the page, the path changes, but why the page is blank

now click the next button on the page, proceed to the second step, and jump to the step2.vue page, as shown in figure

clipboard.png

clipboard.png

:

:


index.vue:


:

clipboard.png

I cannot find out what the reason is. I would like to ask if you have ever encountered such a situation, and what is the cause of this situation.

Mar.25,2021

when the route jumps, change it to the following:

//      
      next(){
        this.$router.push({path:'/activePublic/step'+(this.step+1)});
      }

didn't you report an error?


Brother, where did you write wrong? I also encountered a similar problem. It was also a sub-page that rendered blank space in router-view, and I couldn't find the problem for a long time.

Menu