未在实例上定义Vue mixin方法

时间:2019-03-19 10:55:08

标签: javascript vue.js nuxt

我在nuxt插件中创建了全局mixin

插件文件:

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

Vue.use(plugin);

export default plugin;

问题: 该方法成功地从模板,@click事件等中调用,但是当我尝试在src属性中调用它时,会生成错误:

  

无法读取未定义的属性'globalMethod'

示例:

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

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

UPD1:

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

enter image description here

因此可以使用混合方法“ globalMethod”。

0 个答案:

没有答案