如何在 nuxt.js 中创建动态锚链接？答案

【问题标题】：How to create a dynamic anchor link in nuxt.js?如何在 nuxt.js 中创建动态锚链接？
【发布时间】：2019-12-12 21:56:56
【问题描述】：

我正在构建一个 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>

【问题讨论】：

【解决方案1】：

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

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

【讨论】：