vuejs2 - 从另一个组件调用的 vue.js 2 混合函数，给出“TypeError：无法读取未定义的属性‘搜索’”

Question

我有一个search.mixin.js带有 a 的文件，search()并且我有一个vue-productPage在其中调用该 mixin 的组件。

当我搜索产品时，我收到此错误：“未捕获的类型错误：无法读取未定义的属性‘搜索’”

这是我的混音：

const searchMixin = {
 methods: {
  search() { /** some code */}
 }
}

export default searchMixin;

这是我的组件：

import searchMixin from './searchMixin';

export default {
 name: 'product-page',
 mixins: [searchMixin],
 mounted() {
  this.searchMixin.search();
 }
}

不知道我做错了什么。

Answer 1

啊。知道了。我使用不正确。正确的调用方式是

1. import it.
2. include it in mixins:[] array
3. use it `this.search()`

Answer 2

searchMixin.js

export default {
  search() { /** some code */}
}

零件

import searchMixin from './searchMixin.js';

export default {
 mounted() {
  searchMixin.search();
 }
}