Question

这很好用，但现在我想使用插件的一些选项，比如自定义加载器图像。

我的nuxt插件文件中的代码如下所示：

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'

const options = {
  preLoad: 1.3,
  loading: '~/static/media/loader.svg',
  attempt: 1,
  // the default is ['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend']
  listenEvents: [ 'scroll' ]
}

Vue.use(VueLazyload, options)

在插件文档中有一个使用如下路径的示例： loading: 'dist/loading.gif',

但是我希望看到加载不仅在我生成一个dist文件夹之后，我想在本地看到。

所以我的问题是：如何在Vue插件文件中设置路径以使它们在本地工作并在nuxt生成之后？

例如：在CSS文件中，您可以设置url('~/static/…PATH')

我在这里找不到任何东西： https://nuxtjs.org/guide/directory-structure/ 也不在这里 https://nuxtjs.org/guide/assets

Answer 1

@Aldarund正确建议

loading: require('~/static/media/loading.svg'), 完美地工作。谢谢

Nuxt.js：从Vue插件访问静态目录：'〜/ static / media'

1 个答案: