VUE-ルータおよび改ページは、私は、検索結果のためのシンプルなページネーションを持つ

Question

をリンクします。それは私のルータインスタンスです：

const router = new VueRouter({ 
    history: true, 
    routes: [ 
     { path: '/:producent/:type/page/:page' }, 
     { path: '/:producent/page/:page' } 
    ] 
}) 

だから私はURLを持っているしたいと思います：/mercedes/sedanまたはちょうど/mercedes結果の1ページ目のために、他のため/mercedes/sedan/page/xまたは/mercedes/page/xを。

URL /mercedes/sedan/page/1を開くと、私のリンクが正しく動作し、正しく生成されます。

/mercedes/sedan私のルータのリンクはすべて/mercedes/sedanです。

修正方法？

Answer 1

解決策が見つかりました。私はそれがエレガントではないと思うが、動作します...私は/page/文字列を含むURLをチェックして、私はちょうどparamsを追加するか（本当なら）、または私はそれをルータパスに追加します。

<router-link :to="{params: {page: pageNumber}}" v-if="$route.path.indexOf('/page/') >= 0">${pageNumber}</router-link> 
<router-link :to="{path: $route.path.replace(/\/$/, '') + '/page/' + pageNumber}" v-else>${pageNumber}</router-link>