Ошибка при попытке "смиксовать" два метода в 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
}
Но после вставки опций слияния я получаю следующую ошибку:
В чём может быть проблема?
