zoukankan      html  css  js  c++  java
  • vue-router传参数(get和post方式)

    本文主要介绍vue-router传参数的两种方式:
    1、get方式
    页面跳转
    this.$router.push({path:'/xxx',query:{id:1}});//类似get传参,通过URL传递参数
    新页面接收参数
    this.$route.query.id
     
    2、post方式
    页面跳转
     //由于动态路由也是传递params的,所以在 this.$router.push() 方法中 path不能和params一起使用,否则params将无效。
    需要用name来指定页面。
     this.$router.push({name:'page2',params:{id:1}});//类似post传参
     
    新页面接收参数
    this.$route.params.id
     
    3、注意:在页面进行刷新的时候经常会遇到参数变了,但是新页面接受的参数没有变化。这种问题可以通过加watch解决。
    watch: {
          '$route'(to, from){
            //在这里重新刷新一下
            this.getParams();
          }
        }
  • 相关阅读:
    三级菜单
    包的初识和进阶&异常处理
    常用模块一
    flask-script
    DBUtils
    Flask-WTForms
    Flask-SQLAchemy
    Flask
    scrapy-redis的使用和解析
    Django的信号;flask的信号;scrapy的信号;
  • 原文地址:https://www.cnblogs.com/liufeiran/p/11698033.html
Copyright © 2011-2022 走看看