如何在nuxt.js中创建动态锚链接?

时间:2019-08-05 11:20:03

标签: vue.js nuxt.js wordpress-rest-api

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

答案 0 :(得分:0)

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

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