Vue JS - Получатели возвращают объект вместо фактического значения в хранилище - PullRequest
Новая
       28

Vue JS - Получатели возвращают объект вместо фактического значения в хранилище

0 голосов
/ 27 февраля 2020

Я не могу получить «папу» клиента в моем магазине, используя геттеры. Но на экране отображаются такие объекты, как этот [ "dad" ]. Как мне исправить это? Я новичок ie до vue. js

<template>
          <div class="hello">
        <p>{{ GET_CUSTOMERS }}</p>
        </div>
        </template>
    <script>
    import { mapGetters } from 'vuex'
    export default  {
    computed:{
      ...mapGetters([
      'GET_CUSTOMERS'
      ])
    }
    </script>

Мой магазин 

state: {
            customers: ['dad']
        ],
getters: {
GET_CUSTOMERS(state){
                return state.customers;
            }
}

1 Ответ

1 голос
/ 27 февраля 2020

Ваши customers данные - это массив. Когда вы визуализируете массив непосредственно в шаблоне, таком как {{ ['dad'] }}, Vue будет отображать его в DOM как [ "dad" ].

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

{{ GET_CUSTOMERS[0] }}

Чтобы отобразить каждого клиента, вам потребуется l oop для каждого клиента, используя v-for: 

<ul>
  <li v-for="(customer, i) of GET_CUSTOMERS" :key="i">
    {{ customer }}
  </li>
</ul>

Или, если вы предпочитаете, вы можете просто объединить каждого клиента в одну строку с каждым клиентом, разделенным запятой: 

{{ GET_CUSTOMERS.join(', ') }}
...