没有找到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);
      }
    }
  }
}

问题是它返回此错误，就像mixins不包括在内，但实际上是导入的。

vue.runtime.esm.js？2b0e：1878 TypeError：this.fileChanged不是函数

我也试过改变我的mixin：

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

但它不起作用。

我错了什么？

Answer 1

Mixin应该计算：

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

Answer 2

对于其他开发者。

我已经解决了。

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

我已经把Mixin.vue而不是Mixin.js，谢谢大家的答案。

Answer 3

尝试从mixin中删除数据块，或从中返回一个空对象。