navmenu router传参

在 Vue.js 中，你可以使用 Vue Router 来进行路由的导航和传递参数。下面是一个示例：

在路由配置中，你可以定义一个带有参数的路由路径，例如：

const routes = [
  {
    path: '/product/:id',
    name: 'product',
    component: Product
  }
];

在上面的示例中，`:id` 表示一个参数，你可以在导航时传递不同的值。

然后，在组件中可以通过 `$route.params` 对象来获取传递的参数。例如，在 `Product` 组件中：

export default {
  name: 'Product',
  mounted() {
    const productId = this.$route.params.id;
    // 使用参数做一些逻辑操作
  }
}

在上面的示例中，`this.$route.params.id` 表示获取路由参数中的 `id` 值。

接下来，你可以使用 `router-link` 组件来进行导航并传递参数。例如：

<router-link :to="{ name: 'product', params: { id: '123' }}">查看产品</router-link>

上面的代码会导航到名为 `product` 的路由，并传递参数 `id` 值为 `'123'`。

这是一个简单的示例，你可以根据实际需求进行更复杂的参数传递。希望对你有帮助！如果还有其他问题，请继续提问。