vue js не работает из пути с параметром params

Проект vue js Vue-router:

const routes = [
  { path: '/', name: 'main', component: () => import('../views/main.vue'), meta: { layout: 'MainLayout' } },
  { path: '/produkt/:product', name: 'product', component: () => import('../views/product.vue'), meta: { layout: 'MainLayout' } },
]

То есть / - корень, и ( например /product/vizitki и /product/knigi ) Есть компонент с сылкой

<router-link to="/produkt/knigi">Knigi</router-link>

Если я нахожусь в руте / то ссылка перебрасывает меня на /product/knigi - все зашибись НО если я нахожусь в /product/vizitki или любом другом /product/... то ссылка не работает. Причем при нажатии на ссылку путь в строке меняется а html остается прежним - не перерисовывается. Вопрос почему?