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

Posted

技术标签:

【中文标题】如何在 nuxt.js 中创建动态锚链接?【英文标题】:How to create a dynamic anchor link in 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>

【讨论】:

以上是关于如何在 nuxt.js 中创建动态锚链接?的主要内容,如果未能解决你的问题,请参考以下文章

django:使用 Jinja if 语句在模板上显示锚链接

如何使用 Nuxt.js 实现 Firebase 云消息传递 (FCM)

如何在 react-router 中使用普通的锚链接

选择页面锚链接时如何关闭移动菜单

如何使用 Aurelia 通过单击内部锚链接保持在同一页面上?

Android Studio 如何在 LinearLayout 元素中实现锚链接?