Ошибка при попытке "смиксовать" два метода в Vue (NuxtJS)

Доброго времени суток!

Понадобилось смиксовать метод дочернего компонента с базовым, чтобы заменить его поведение. В компонентах опустил всё лишнее, чтобы вы не отвлекались на ненужный код.

Базовый компонент FilterBase.vue:

<template lang="pug">
    #test {{ get_link }}
</template>
<script>
export default {
    methods: {
        get_link: function() {
            return 'base'
        }
    }
}
</script>

Дочерний компонент FilterCategory.vue:

<template lang="pug">
  FilterBase
</template>

<script>
import FilterBase from "~/components/filters/FilterBase";
import Vue from 'vue'

var mixin = {
  methods: {
    get_link: function () {
      return 'mixin'
    }
  }
}

Vue.config.optionMergeStrategies.methods = function (toVal, fromVal) {
  // return mergedVal
}

export default {
  components: {FilterBase},
  mixins: [mixin],
}

</script>

Я знаю, что по умолчанию метод базового компонента в примесях является более приоритетным и он заменяет дочерние методы. Поэтому я добавил пользовательский компонент перезаписи (как правильно понял, достаточно просто его вставить и всё без всяких изменений), взятый из документации:

Vue.config.optionMergeStrategies.methods = function (toVal, fromVal) {
  // return mergedVal
}

Но после вставки опций слияния я получаю следующую ошибку:

введите сюда описание изображения

В чём может быть проблема?


Ответы (0 шт):