Как вызвать геттер vuex в методе?

Пользователь

от forest , в категории: JavaScript , год назад

Как вызвать геттер vuex в методе?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от gage , год назад

@forest 

Чтобы вызвать getter в методе в Vuex, вы можете использовать метод mapGetters в компоненте. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
<template>
  <div>
    {{ someValue }}
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['someGetter'])
  },
  methods: {
    someMethod () {
      console.log(this.someGetter)
    }
  }
}
</script>


Также вы можете получить доступ к getter, используя this.$store.getters.someGetter в любом месте вашего компонента.

Пользователь

от nicola , 3 месяца назад

@forest 

Вы можете вызвать геттер Vuex в методе компонента следующим образом:

1
2
3
4
5
6
methods: {
  someMethod() {
    const value = this.$store.getters.someGetter;
    // делайте что-то с полученным значением геттера
  }
}


В данном примере "someGetter" - это имя геттера в хранилище Vuex. Затем мы используем специальное свойство $store для доступа к хранилищу Vuex, а затем вызываем геттер someGetter, чтобы получить его значение.