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