0

Есть 2 динамических раздела Question и Answer, у каждого из этих двух разделов есть компонент question/test.vue и answer/test.vue и они полностью одинаковые кроме названия метода у question/test.vue есть метод changeQuestion() а у answer/test.vue есть метод changeAnswer(). Я бы хотел вынести test.vue в глобальные компоненты но как можно решить проблему с разными названием методов?

answer/test.vue

<template>some code</template>
<script>
import { mapActions, mapGetters } from 'vuex';

export default {
    name: 'Test',

    methods: {
        ...mapActions(['changeAnswer']),

        onChange(state) {
            this.changeAnswer();
        },

        pageChange() {...}
    },
};
</script>

question/test.vue

<template>some code</template>
<script>
import { mapActions, mapGetters } from 'vuex';

export default {
    name: 'Test',

    methods: {
        ...mapActions(['changeQuestion']),

        onChange(state) {
            this.changeQuestion();
        },

        pageChange() {...}
    },
};
</script>
1
  • объеденить методы в один и вынести его в миксин, который потом подключить к каждому из компонентов
    – Dmytro
    28 янв 2020 в 8:03

1 ответ 1

0

Думаю здесь достаточно добавить свойство компонента (props).

Для примера создадим новый компонент: test/test.vue

<template>some code</template>
<script>
import { mapActions, mapGetters } from 'vuex';

export default {
    name: 'Test',
    props: {
        action: {
            type: String,
            required: true
        }
    },
    methods: {
        ...mapActions([this.action]),
        
        onChange(state) {
            this[this.action]();
        },

        pageChange() {...}
    },
};
</script>

Использовать можно так:

<test action="changeQuestion"/>

Подробнее можно почитать на странице официальной документации

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.