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
          }
        });
      },