今天在写代码的时候，爆出了一个问题，在我使用this.$router.push的时候，hash地址改变了，但是页面却不发生跳转。
地址从admin跳转到了login后，仍然没有发生改变
<van-button type="success" class="" @click="reset">重置</van-button>
<van-button type="primary" class="" @click="login">登录</van-button>
给它绑定一个事件：
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.
加上<router-view>才能跳转页面，具体的做法是首先在App.vue中删除其他的代码，只加上router-view。
之后点击之后，页面发生改变了。
文章来源：https://www.toymoban.com/news/detail-404181.html
文章来源地址https://www.toymoban.com/news/detail-404181.html
到了这里，关于this.$router.push点了后hash地址改变了，页面却不跳转的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![node:internal/crypto/hash:71 this[kHandle] = new _Hash(algorithm, xofLen)； 解决方法](https://imgs.yssmx.com/Uploads/2024/02/502103-1.png)
![umi项目启动报错node:internal/crypto/hash:71this[kHandle] = new _Hash(algorithm, xofLen)；](https://imgs.yssmx.com/Uploads/2024/02/509107-1.png)
