我无法使用吸气剂在我的商店中吸引客户“爸爸”。但是,它在屏幕上显示类似[ "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(', ') }}