当前位置: 代码网 > it编程>前端脚本>Vue.js > VUE中this.$router.push点了后hash地址改变了页面不跳转

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

2024年11月25日 Vue.js 我要评论
今天在写代码的时候,爆出了一个问题,在我使用this.$router.push的时候,hash地址改变了,但是页面却不发生跳转。地址从admin跳转到了login后,仍然没有发生改变 <van-

今天在写代码的时候,爆出了一个问题,在我使用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。

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

到此这篇关于vue中this.$router.push点了后hash地址改变了页面不跳转的文章就介绍到这了,更多相关vue this.$router.push页面不跳转内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com