vue页面跳转:
1、标签跳转:
<router-link to=‘two.html‘><button>点我到第二个页面</button></router-link>
2、html点击事件跳转:
html : <button @click="hreftwo" class="test-one">点我到第二个页面</button> js : methods:{ //跳转页面 hreftwo(){ this.$router.push({ path:‘/two.html‘ }) } }
实际Vue项目:
if (res.resCode == "00") { // 保存用户信息 sessionStorage.setItem("userId", res.userId); sessionStorage.setItem("merchantNo", res.merchantNo); sessionStorage.setItem("nickName", res.nickName); sessionStorage.setItem("openid", res.openid); //第一种 无参数 // 跳转主页 this.$router.replace({ path: "/index" }); } else { // 调向授权结果页面 (失败)
//第二种 有参数
this.$router.replace({ path: "/authorize/authorizeResult", query: { isSuccess: "0" //0表示失败 } }); }
// 第三种 无参数,(可返回)
giveOutRecord() { console.log("发放记录"); this.$router.push({ path: "/Givingout/GivingoutRecord" }); },
原文:https://www.cnblogs.com/Su-feng-address/p/12054526.html