从重写的实现中调用原始VueJS mixin方法

Question

好的，我有一个网页，为用户提供了一些步骤，还有一个mixin，它处理这些步骤的属性和逻辑，比如当前/下一步的值，检查用户从每个步骤前进到下一个步骤，等等。

现在我必须添加一个新的功能，只有在某个步骤之后才能执行，所以我想能够做的是调用原始的mixin方法，用户每次进入下一步添加此功能时都会调用该方法。

更清楚地说，在webapp的许多页面中使用了混合方法，所以我想覆盖扩展它的组件中的罪魁祸首混合方法，调用原始的混合方法来重用它的逻辑，然后调用其他方法来实现新功能。

有可能吗？

Answer 1

当然可以，试试看：

// MyMixin.js
export default {
  methods: {
    myMethod() {
      //...
    }
  }
}

// Component.vue
<script>
import MyMixin from 'path-to-mixins/MyMixin'

export default {
  //...
  mixins: [MyMixin],
  methods: {
    // there is overrinding you mixin method called myMethod
    myMethod() {
      // then some logic before to use your mixin method
      // and call your mixin method as below
      MyMixin.methods.myMethod()
    }
  }
  //...
}
</script>