天天看點

vue路由跳轉,實作打開新視窗跳轉 ($router.push實作打開新視窗跳轉,通過它this.$router.resolve )

代碼實作

注意:

路由傳參的參數是一個對象的時候,最好先序列化一下再傳過去,避免重新整理頁面的時候,參數格式問題引起報錯

MaintainOperate(row) {
      let link = this.$router.resolve({
        path: "/table-matain", //要跳轉的路由
        query: {
          currTableItem: JSON.stringify(row) //query方式傳的參數,這裡傳的是一個對象,是以序列化了一下
        }
      });
      window.open(link.href, "_blank"); //打開新視窗
    }
// 跳轉後的頁面正常接收參數,query傳的,用this.$route.query接收,如:JSON.parse(this.$route.query.currTableItem),這裡需要用JSON.parse()方法轉一下,因前面傳的時候序列化了。
           

繼續閱讀