具有相同名称函数的两个 Mixin Vuejs

Question

你好，我遇到了 vuejs 和 mixin 的问题。我有一个包含 2 个 Mixin 的组件：

 export default {
 ...
 mixins:[Mixin1, Mixin2],
 ..
}

两个 Mixin 都有一个名为 "delete" 的函数，所以如果在我的组件中有一个方法，如：

methods:{
 deleteObj(){
    this.delete()
 }
}

我不知道我调用的是哪一个函数。我知道最简单的方法是用不同的名称调用函数，但是有没有办法指定要使用的 mixin？

Answer 1

如果您在 mixin 的方法中重复定义，最后一个 mixin 将覆盖之前的定义。在您的情况下 this.delete() 必须从 Mixin2 调用。

但是如果有像mounted、created这样的生命周期钩子……这些将在vuejs中一一执行。合并有一些策略，vuejs 本身你可以在 https://vuejs.org/v2/guide/mixins.html

找到更多

Two Mixins with same name function Vuejs