vue路由傳參 params和query

query傳參：

//-----------------路由

routes:[,
]//-------------------------------傳參
//通過path引入
this
.$router.
push(}
)//通過name引入
this
.$router.
push(}
)//--------------------------------接收
// com和hhhhome元件中
console.
log(
this
.$route.query)
//

//路由

routes:
//傳參
this
.$router.
push(}
)//接收
console.
log(
this
.$route.params)
//

router是路由操作物件，只寫。如：this.$router.push(url)

route是路由資訊物件，唯讀。如：this.$route.query、this.$route.meta

VUE路由傳參之params傳參和query傳參

下列觀點只代表個人觀點，如有不足之處，煩請指正！今天在頁面間使用 router.push傳參時，發現頁面重新整理資料之後，路由中params的資料丟失了。1.繼續使用params傳參 繼續使用params傳參，需要在對應路由中新增引數，用來儲存 不知道這麼說對不對 params中對應的引數。如圖 模...

vue路由傳參params和query的用法和區別

1.params 帶過去id 通過this.router.push 由於動態路由也是傳遞params的，所以在 this.router.push 方法中 path不能和params一起使用，否則params將無效。需要用name來指定頁面。及通過路由配置的name屬性訪問 在路由配置檔案中定義引數 ...

vue路由傳參params和query區別

params和query傳參的區別 用params傳參，f5強制重新整理引數會被清空，引數不會顯示到路徑上。路由配置時要在path屬性值得後面加 例如 id 用query，由於引數適用路徑傳參的所以f5強制重新整理也不會被清空，引數會顯示到路徑上。1 配置路徑rutes export default...