【问题标题】:Nuxt layout and getting static contentNuxt 布局和获取静态内容
【发布时间】:2020-05-15 21:50:00
【问题描述】:

除了需要根据页面更新的按钮之外,我在每个页面上都有一个通常是静态的标题。理想情况下,我希望在 static/content/xxx 中有一个名为 link 的变量 然后从layouts/default 调用它。但是,我似乎无法访问静态内容中的任何变量。作为 vue 和 nuxt 的新手,我希望得到一些指导。我尝试使用asyncData,但是在我的布局中似乎根本没有调用它。

【问题讨论】:

    标签: vue.js nuxt.js


    【解决方案1】:

    布局是一个静态包装器,它将包装您的主要内容。使用布局背后的主要思想是不要一次又一次地编写相同的内容。如果您只使用 Vue 项目,则可以通过使用子路由访问此类功能。

    只需将通用布局添加为父组件,将更改或不同的内容添加为子组件。

    回到正题,如果你有不同的按钮内容取决于页面而不是将其放置在布局中,而是单独通过组件。

    而 nuxt 应用程序中的静态文件夹包含不应更改的数据,例如 css 文件或外部脚本文件,以及 bootstrap 和 jquery 示例,这些是嵌入在应用程序中的库,而不是更改我们只是使用它们的内部结构。此类内容放在静态目录(文件夹)中

    希望对你有帮助

    【讨论】:

    • 这非常有帮助,终于让它工作了,谢谢!
    • 看起来这个提示也适用于包含远程获取的翻译内容的页眉/页脚,即使它是同一语言环境中每个页面的相同内容。
    猜你喜欢
    • 2021-10-30
    • 1970-01-01
    • 2021-08-15
    • 1970-01-01
    • 2013-12-25
    • 2015-05-09
    • 1970-01-01
    • 2014-07-15
    • 2021-03-25
    相关资源
    最近更新 更多