首页 > 其他 > 详细

vue 页面跳转的两种方式

时间:2020-05-20 10:26:19      阅读:934      评论:0      收藏:0      [点我收藏+]

1.标签跳转

    <router-link to=‘two.html‘><button>点我到第二个页面</button></router-link>

 

2.点击事件跳转

htm:

<el-button type="primary" @click="doLogin">登录</el-button>

js:

methods: {
    doLogin() {

        var that = this;
        axios
            .post(http://localhost/doLogin, this.loginData)
            .then(function (response) {
                console.log(response);
                if (response.data == "ok") {
                    that.$router.push({path: ./Index})
                }

            })
            .error(function (error) {
                console.log(error)
            })

    }
}

 

 

 

vue 页面跳转的两种方式

原文:https://www.cnblogs.com/ckfeng/p/12922087.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!