vue中this.$router.push用法


this.$router.push():路由传值

想要导航到不同的URL,使用router.push()方法,这个方法会向history栈添加一个新纪录,当用户点击浏览器后退按钮时,会回到之前的URL

简单说就是使用this.$router.push()打开一个url实现页面跳转

使用案例:在一个页面中有公司列表信息展示,点击某一个公司名称时,实现this.$router.push()跳转到新的url展示该公司下的详细信息

这是跳转前的页面,点击“债券简称”

 

跳转后的页面,左边导航栏也发生了改变

 

 

 

 具体代码如下:

toDebtMenu: function (row) {
        let key = row.debtCode;
        this.$router.push({
          path: "/debtInfo/debtDetail",
          query: {
            menuType: "debt",
            type: "add",
            name: row.debtName,
            key: key
          }
        });
      },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM