vue 通过路由页面跳转、参数传递

最新推荐文章于 2024-07-10 15:05:41 发布

lxhmall

最新推荐文章于 2024-07-10 15:05:41 发布

阅读量168

点赞数 1

分类专栏： vue web 文章标签： router 页面跳转 push

本文链接：https://blog.csdn.net/lxhmall/article/details/100602124

版权

web 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

vue

4 篇文章 0 订阅

订阅专栏

跳转方式：

1. this.$router.push(name:'Main',params:{})

post请求

name为router中定义的name

跳转后的页面取请求参数：this.$route.params.username

2. this.$router.push(path:'',params:{})

post请求

path为router中定义的path

跳转后的页面取请求参数：this.$route.query.username

3. this.$router.push(path:'', query:{})

get请求

跳转后的页面取请求参数：this.$route.query.username

handleSubmit (name) {
      this.$refs[name].validate((valid) => {
        if (valid) {
          /*
          loginReq(this.user).then(res => {
          })
          */
          debugger
          this.$Message.success('Success!')
          this.$router.push({
            name: 'Main',
            params: {
              username: this.user.username
            }
          })
        } else {
          this.$Message.error('用户名或密码错误!')
        }
      })