vuejs 路由器中的可选参数

我需要以两种方式路由到某个组件 - 一种带有参数，另一种没有。我已经搜索了可选参数，但不知何故找不到太多信息。

所以我的路线：

{
    path: '/offers/:member',
    component: Offers,
    name: 'offers',
    props: true,
    meta: {
        guest: false,
        needsAuth: true
    }
},

当我以编程方式使用参数调用它时，一切都很好

this.$router.push({ path: /offers/1234 });

但是，我还需要像这样通过导航来调用它

<router-link to="/offers">Offers</router-link>

组件接受属性offers

props: ['member'],

以及用作此类组件的组件

<Offers :offers="data" :member="member"></Offers>

现在，我设法让它工作的丑陋方式是复制路线，让其中一个不采取道具：

{
    path: '/offers',
    component: Offers,
    name: 'offers',
    props: false,
    meta: {
        guest: false,
        needsAuth: true
    }
},

它实际上有效，但我对它不满意 - 也在开发模式下vuejs警告我[vue-router] Duplicate named routes definition: { name: "offers", path: "/offers" }

当然，有一种方法可以在组件调用中执行可选参数？:member="member"