如何在结束前在NUXT中附加JS文件

Question

我试图在NUXT中附加javascript文件。 但是当我使用nuxt.config来附加javascript它可以工作但不是我想要的。

(answer - expectedAnswer)

当我检查它插入的元素但是在头部。

我已经在谷歌搜索但尚未找到任何解决方案。提前谢谢

Answer 1

您有两种选择：

选项1 - 建议使用指南Nuxt.js在.js文件夹中添加plugin

https://nuxtjs.org/guide/plugins

示例：

在plugins/example.js

中添加新文件

然后，在nuxt.config.js的插件键中添加文件：

module.exports = {
  plugins: ['~/plugins/example']
}

选项2 - 在元数据中使用body: true

<script>
export default {
  head: {
    script: [
      { src: '/head.js' },
      // Supported since Nuxt 1.0
      { src: '/body.js', body: true },
      { src: '/defer.js', defer: '' }
    ]
  }
}
</script>

更多信息：https://github.com/nuxt/nuxt.js/issues/2000#issuecomment-341380762