vue.js - 如何在 nuxt.js 中创建动态锚链接？

Question

我正在构建一个 nuxt onepager，该页面由 Wordpress Rest Api 提供的内容提供。

我已经获得了 Wordpress 菜单结构，并且每个菜单项都存储在 {{ item.title }} 中。要稍后滚动到 ID 为 {{ item.title }} 的请求的 div，我想用 # 完成 {{ item.title }}。

到目前为止，我的想法是： <nuxt-link to="'#'{item.title}'" exact class="nav-link">{{ item.title }}</nuxt-link>

标签： vue.jsvuejs2vue-componentnuxt.jswordpress-rest-api

Answer 1

您可以按如下方式绑定它：

<nuxt-link :to="'#'+item.title" exact class="nav-link">{{ item.title }}</nuxt-link>