如何使用 NuxtLink 并通过页面发送数据答案

【问题标题】：How to use NuxtLink and send data through pages如何使用 NuxtLink 并通过页面发送数据
【发布时间】：2021-05-28 04:48:31
【问题描述】：

我遇到了 Nuxt Link 的问题：

-首先我做了一个 v-for 来构建一些 html

   <li v-for="loja in lojas">
        <p>{{loja.nomeEmpresa}}</p>
        <p> {{loja.url}} </p>
        <NuxtLink :to="nextPage">Configurar</NuxtLink>
        <b-button>Visualizar</b-button>
   </li>

这个对象 loja 有 {url,id}

所以，我的问题是：如何使用 NuxLink 并将这个 id 传递给我的下一页？

我的想法类似于，行不通：

       <NuxtLink :to="nextPage?usuarioId=${{loja.id}}">Configurar</NuxtLink>

有人知道怎么做吗？

【问题讨论】：

标签： vue.js url hyperlink nuxt.js nuxt-link

【解决方案1】：

使用模板文字，例如：

<NuxtLink :to="`nextPage?usuarioId=${loja.id}`">Configurar</NuxtLink>

【讨论】：

谢谢！！我已经放弃了。有用！！非常感谢！我设法在下一页获取这些数据的方式是使用``` this.$route.query.（我刚刚发送的数据）```