如何在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>

Answer 1

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

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