在html模板中使用它之前,如何在计算属性中操作Getters?

时间:2019-04-23 21:23:37

标签: vue.js vuex

我正在将Vuex存储中的吸气剂映射为计算属性,并希望在组件模板中使用该属性之前(在对象数组中)对其进行操作。知道我该怎么做吗?

我尝试查看计算所得的属性,但这不起作用。

import {mapGetters} from 'vuex
computed: {
  ...mapGetters([
   'property'
    ])
}

1 个答案:

答案 0 :(得分:0)

您可以在另一个自定义属性中使用getter,就像对一个简单变量所做的一样:

<template>
  <div>
    <div v-for="item in transformedItems" :key="item">{{item}}</div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['items']),
    transformedItems() {
      return this.items.map(item => item.name)
    }
  }
}
</script>

然后您可以在模板中使用transformedItems