我无法使用吸气剂在我的商店中吸引客户“爸爸”。但是,它在屏幕上显示类似[ "dad" ]的对象。我应该如何纠正呢?我是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;
            }
}

最佳答案

您的customers数据是一个数组。当直接在诸如{{ ['dad'] }}之类的模板中呈现数组时,Vue会将其在DOM中呈现为[ "dad" ]

我认为您只想渲染一位客户?您可以像这样渲染第一个客户:

{{ GET_CUSTOMERS[0] }}


要渲染每个客户,您将需要使用v-for遍历每个客户:

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


或者,如果您愿意,也可以将每个客户合并为一个字符串,每个客户之间用逗号隔开:

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

07-24 17:03