我在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开发工具):
因此可以使用混合方法“ globalMethod”。