Javascript 实例上未定义Vue mixin方法

Javascript 实例上未定义Vue mixin方法,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我在nuxt插件中创建了全局混合 插件文件: const plugin= {}; plugin.install = function (Vue) { Vue.mixin({ methods: { globalMethod (path) { return `//` + path; } } }) } Vue.use(plugin); export default plugin; 问题: 该方法成功地从模板、从@click even

我在nuxt插件中创建了全局混合

插件文件:

const plugin= {};
plugin.install = function (Vue) {
  Vue.mixin({
    methods: {
      globalMethod (path) {
        return `//` + path;
      }
    }
  })
}

Vue.use(plugin);

export default plugin;
问题: 该方法成功地从模板、从@click event等调用,但当我尝试在src属性中调用它时,它生成错误:

无法读取未定义的属性“globalMethod”

例如:

<img :src="globalMethod(image.path)">

所以我尝试在组件中定义相同的方法,它的工作正常。 但我需要在所有组件中使用该方法

UPD1:

组件对象(通过使用vue开发工具):

因此,mixin方法“globalMethod”是可行的