找不到 Mixins Vuejs 中的函数

Question

你好，我有一个组件：

<template>
 <upload-btn 
   color="black" 
   title="Carica foto" 
   :fileChangedCallback="fileChange" />
</template>
<script>
import  fileUploadMixin from './../mixins/fileUploadMixin';
export default {
  name: 'compoment',
  mixins: [fileUploadMixin],
  components:{
    'upload-btn': UploadButton
  },
  data(){..},
  methods: {
    fileChange(file){
      this.fileChanged(file);
    }
   }
</script>

然后是我的 Mixin：

export default {
  data () {

  },
  methods: {
    fileChanged(file){
      if(file){
        this.itemImage = file;
        this.previewImage = URL.createObjectURL(file);
      }
    }
  }
}

问题是 return 这个错误，比如 mixins 没有包含在内，但实际上是导入的。

vue.runtime.esm.js?2b0e:1878 TypeError: this.fileChanged is not a function

我也尝试过将我的 mixin 更改为：

methods: {
    fileChanged: function(file){}
}

但是没用。

我哪里错了？

Answer 1

尝试从混合宏中删除数据块，或者从中返回一个空对象。

Answer 2

应该计算 Mixin：

export default {
    data () {},
    computed: {
         fileChanged(file){
              if(file){
                   this.itemImage = file;
                   this.previewImage  = URL.createObjectURL(file);
              }
          }
      }
 }

Answer 3

对于其他开发者。

我已经解决了

问题是我的 Mixins 文件扩展名错误。

我用Mixin.vue代替了Mixin.js，谢谢大家的回答

找不到 Mixins Vuejs 中的函数

Function in Mixins Vuejs not found

mixins

vuejs2