nuxt-link 传多个参数

在Nuxt.js中使用`<nuxt-link>`传递多个参数是非常简单的。通过`to`属性，我们可以指定链接的目标路由和传递的参数。

首先，我们需要定义目标路由的路径，并在路径中使用动态参数。例如，我们想要传递两个参数到目标路由，可以在目标路由的`pages`目录下创建一个Vue组件，并在文件夹中创建一个`_参数1_参数2.vue`的命名规则的文件，其中`参数1`和`参数2`是我们希望传递的参数名称。

接下来，在源页面的模板中，使用`<nuxt-link>`来创建链接，并通过`to`属性指定目标路由的路径。在路径中，将参数的值以对象的形式传递给`params`属性。例如，如果我们想要传递参数1的值为`abc`，参数2的值为`123`，我们可以这样写：

<nuxt-link :to="{ path: '/目标路由路径/abc/123' }">点击传递参数</nuxt-link>

当用户点击链接时，即可跳转到目标路由，并且传递了参数。

在目标路由的Vue组件中，我们可以通过`this.$route.params`来获取传递的参数值。例如，在`created`钩子函数中，我们可以这样获取参数1和参数2的值：

created() {
  const 参数1值 = this.$route.params.参数1
  const 参数2值 = this.$route.params.参数2
  console.log(参数1值, 参数2值)
}

这样我们就能够成功传递多个参数并在目标页面中获取它们的值了。