this.$router.push獲取不到params參數問題

代碼

this.$router.push({
    path: '/container',
    params: {
      url: this.func.url,
    },
  });

在跳轉後的頁面中console.log(this.route)發現params是空的

問題緣由:用法錯誤,如下爲正確用法

this.$router.push({
    name: 'container',
    params: {
      url: this.func.url,
    },
  });

要使跳轉後的頁面this.$route.params有參數，必須使用name:'container'，而不是path:'/container'，還須要注意name中沒有/

this.$router.push({
    name: 'container',
    params: {
      url: this.func.url,
    },
  });

參數獲取this.$route.params.url

---

this.$router.push({
    path: '/container',
    query: {
      url: this.func.url,
    },
  });

這種方式會在跳轉的地址上拼接上?url=xxxx
獲取方式this.$route.query.url
注意區別兩種方式，切勿path和name同時出現