vue.js - 如何使用 NuxtLink 并通过页面发送数据

Question

我遇到了 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.jsurlhyperlinknuxt.jsnuxt-link

Answer 1

使用模板文字，例如：

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