今天我們來討論一下Vue路由中的一個非常常見和讓人頭疼的問題：post方法刷新后無法保留參數(shù)的問題。首先，我們需要明確的是，post方法本質(zhì)上是向服務(wù)器請求數(shù)據(jù)，并且提交的數(shù)據(jù)是不會被保存的。因此，在刷新頁面后，這些數(shù)據(jù)會被清空。那么，為了解決這個問題，我們需要在路由中進行相應(yīng)的設(shè)置。

在Vue路由中，我們可以使用params或者query傳遞參數(shù)。params中的參數(shù)會以路徑的方式傳遞，例如路由為‘/detail/:id’，我們可以通過‘/detail/123’的方式傳遞參數(shù)。query中的參數(shù)則會以查詢字符串的方式傳遞，例如路由為‘/detail?id=123’，我們可以通過‘/detail?id=123’的方式傳遞參數(shù)。如果我們使用post方法進行提交，參數(shù)就需要進行編碼，同時，在路由跳轉(zhuǎn)時，我們需要傳遞相應(yīng)的參數(shù)。

//通過URLSearchParams的方式編碼參數(shù)
let params = new URLSearchParams();
params.append('id', '123');
axios.post('/detail', params)
.then(response =>{
//處理響應(yīng)
})
.catch(error =>{
//處理異常
});
//通過路由傳遞參數(shù)
this.$router.push({
path: '/detail',
query: {
id: '123'
}
});

根據(jù)以上代碼，我們可以在post方法中使用URLSearchParams的方式對參數(shù)進行編碼，并將參數(shù)傳遞到服務(wù)器端。通過路由傳遞參數(shù)時，我們需要在跳轉(zhuǎn)路由時指定query參數(shù)，并在相應(yīng)的組件中接受該參數(shù)。

//路由傳遞參數(shù)的接受
export default {
data() {
return {
id: ''
}
},
mounted() {
let id = this.$route.query.id;
this.id = id;
}
}

通過以上代碼，我們可以獲取到當前路由中的query參數(shù)，并在組件中進行相應(yīng)的處理。需要注意的是，在使用params傳遞參數(shù)時，需要在路由路徑中定義相應(yīng)的參數(shù)占位符。

對于post方法刷新參數(shù)丟失的問題，我們可以在路由跳轉(zhuǎn)時，通過query的方式傳遞參數(shù)。在組件中接受參數(shù)時，我們需要在mounted函數(shù)中獲取參數(shù)，并進行相應(yīng)的處理。同樣值得注意的是，在進行路由跳轉(zhuǎn)時，需要對參數(shù)進行編碼。

總的來說，在Vue路由中操作post方法時，我們需要對參數(shù)進行編碼，并在路由跳轉(zhuǎn)時進行相應(yīng)的設(shè)置。通過query的方式傳遞參數(shù)，我們可以在組件中獲取到刷新后的參數(shù)，并進行相應(yīng)的業(yè)務(wù)處理。