vue.js中router.push跳转页面、带参数、设置参数的方法 | vue router push
router.push[1](location)在vue.js[2]中想要跳转到不同的URL,需要使用router.push方法。这个方法会向history栈添加一个新的记录,当用户点击浏览器后退按钮时,则回到之前的URL。当你点击
router.push[1](location)
在vue.js[2]中想要跳转到不同的 URL,需要使用 router.push 方法。
这个方法会向 history 栈添加一个新的记录,当用户点击浏览器后退按钮时,则回到之前的 URL。
当你点击 <router-link> 时,这个方法会在内部调用,所以说,点击 <router-link :to="..."> 等同于调用 router.push(...)。
声明式:<router-link :to="...">编程式:router.push(...)该方法的参数可以是一个字符串路径,或者一个描述地址的对象。
// 字符串router.push(home)
// 对象this.$router.push({path: /login?url= + this.$route.path});
// 命名的路由router.push({ name: user, params: { userId: 123 }})
// 带查询参数,变成/backend/order?selected=2this.$router.push({path: /backend/order, query: {selected: "2"}});
// 设置查询参数this.$http.post(v1/user/select-stage, {stage: stage}).then(({data: {code, content}}) => { if (code === 0) { // 对象 this.$router.push({path: /home}); }else if(code === 10){ // 带查询参数,变成/login?stage=stage this.$router.push({path: /login, query:{stage: stage}}); }});
// 设计查询参数对象let queryData = {};if (th...