Vue.js Can'；t使用Vue V-Lazy-Image插件从相对路径加载图像

我用它在一个单页组件应用程序上创建了一个公文包库，但是我一直在从一个相对路径加载图像，如果我使用完整的URL路径，效果会很好

当我使用完整URL时，图像会按预期加载并消除模糊，相反，当我使用相对路径时，图像会加载，但会保持模糊，并且不会加载类。v-lazy-image-loaded到图像标记中。有什么想法吗？这是代码

懒洋洋

<template>
<v-lazy-image :src="src" />
</template>

<script>
import VLazyImage from 'v-lazy-image'

export default {
  props: {
    // HERE I TRIED TO USE A FUNCTION ALSO WITH NO LUCK
    // src: Function 
    src: String
  },
  components: {
    VLazyImage
  },
// UPDATE: I added a method to test here.
methods: {
  consoleSuccess (msg) {
    console.log(msg)
    }
  }
}
</script>

从“v-lazy-image”导入VLazyImage
导出默认值{
道具：{
//在这里，我试图使用一个函数也没有运气
//src：函数
src:String
},
组成部分：{
弗拉兹图像
},
//更新：我在这里添加了一个测试方法。
方法：{
控制台成功（msg）{
控制台日志（msg）
}
}
}

公文包.vue

<template>
<section id="portfolio">
// I'M TRYING THIS TWO OPTIONS
// UPDATED: I Added here the events calls and its just calling the intersect but the load.
<v-lazy-image src="../assets/img/innovation.jpg" alt="alternate text" @load="consoleSuccess('LOADED!')" @intersect="consoleSuccess('INTERSECS!')"></v-lazy-image> <-- this just work with full url ex. http://cdn...
<v-lazy-image :src="require('../assets/img/innovation.jpg')" alt="alternate text"></v-lazy-image> <-- this loads the image but remains blured
</section>
</template>

<script>
import VLazyImage from '@/components/lazyImage'

export default {
  components: {
    VLazyImage
  }
}
</script>

//我正在尝试两种选择
//更新：我在这里添加了事件调用，它只是调用intersect，而不是load。
我注意到这是由组件代码中的错误引起的：

if（this.$el.src===this.src）{

应该由

if（this.$el.getAttribute（'src'）==this.src）{

我已为此发送拉取请求。
我注意到这是由组件代码中的错误引起的：

if（this.$el.src===this.src）{

应该由

if（this.$el.getAttribute（'src'）==this.src）{

我已为此发送拉取请求。
尝试将图像文件移动到/static并修改路径我尝试了您的建议，但无效，我将在本周晚些时候尝试其他选项，我正在考虑是否可能与代理有关……我也将尝试一下，谢谢。尝试将图像文件移动到/static并修改您的路径我听了你的建议，但是没有用，我会在本周晚些时候尝试其他一些选项，我在想它是否与代理有关…我也会尝试一下，谢谢你。它很有效！非常感谢。我还必须更新min.js文件，同时拉取请求被合并，这样就可以了。提交被合并，所以现在这在主repos中得到解决Tory。谢谢，我将升级模块ASAPIt works！非常感谢。当pull请求被合并时，我还必须更新min.js文件，这样就可以了。commit被合并了，所以这现在在主存储库中得到了解决。谢谢，我将尽快升级模块