Как использовать пропсы внутри script в vuejs?

Question

[Никита Решетняк]

Доброго времени суток. Суть такая что есть компонент-заглушка при загрузки контента. Данные подгружаются с помощью vuex. Вот сам компонент, в getter приходит название геттера который должен быть обработан vuex, геттер в свою очередь отдаёт булеву переменную. Можно ли это использовать props в , если то как?
Заранее благодарю.

<template>
  <slide-y-up-transition tag="div" group>
    <div class="has-margin-top-28"></div>
    <div v-if="!getter" key="loading">
      <h3 class="title is-2 has-text-centered">{{ message }}</h3>
      <div style="display: flex; justify-content: center">
        <Socket></Socket>
      </div>
    </div>
    <div class="has-margin-top-28"></div>
    <div v-if="getter" key="content">
      <slot></slot>
    </div>
  </slide-y-up-transition>
</template>

<script>
import { Socket } from 'vue-loading-spinner';
import { mapGetters } from 'vuex';

export default {
  name: 'LoadingContent',
  components: {
    Socket,
  },
  props: {
    message: String,
    getter: String,
  },
  computed: mapGetters([`${getter}`]),
};
</script>

P.S. Пытался гуглить, но не смог найти что-то подобное.

Answer 1

[Aetae]

Т.к. mapGetters отрабатывает на этапе создания компонента, очевидно что без mapGetters, просто ручками.

computed: {
  getterResult() {
    return this.$store.getters[this.getter]
  }
}

Comments

[Никита Решетняк]

Спасибо, чет не додумался до этого