this.$router.push点了后hash地址改变了,页面却不跳转

今天在写代码的时候,爆出了一个问题,在我使用this.$router.push的时候,hash地址改变了,但是页面却不发生跳转。

地址从admin跳转到了login后,仍然没有发生改变

 重置

  登录

 给它绑定一个事件:

reset(){

            this.username = '';

            this.password = '';

        },

        login(){

            if(this.username === 'likaicheng' && this.password === '666666'){

                // 1.存储token

                localStorage.setItem('token','Bearer xxxx')

                // 2.跳转到后台主页

                this.$router.push('/login' )

            }else{

                // 登录失败

                  localStorage.removeItem('token')

            }

        }

将main.js的显示页面改为App.

this.$router.push点了后hash地址改变了,页面却不跳转_第1张图片

 加上才能跳转页面,具体的做法是首先在App.vue中删除其他的代码,只加上router-view。

this.$router.push点了后hash地址改变了,页面却不跳转_第2张图片

 之后点击之后,页面发生改变了。

this.$router.push点了后hash地址改变了,页面却不跳转_第3张图片

 

你可能感兴趣的:(前端)