问在html模板中使用计算属性之前，如何操作计算属性中的Getters？
EN

Stack Overflow用户

提问于 2019-04-24 05:23:37

回答 1查看 249关注 0票数 1

我将我的Vuex存储中的getter映射为一个计算属性，并希望在组件模板中使用它之前操作该属性(它是一个对象数组)。你知道我该怎么做吗？

我试着观察计算属性，但这不起作用。

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

vue.js

vuex

回答 1

Stack Overflow用户

发布于 2019-04-24 05:29:07

您可以在另一个自定义属性中使用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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55819611

复制

相似问题

问在html模板中使用计算属性之前，如何操作计算属性中的Getters？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在html模板中使用计算属性之前，如何操作计算属性中的Getters？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在html模板中使用计算属性之前，如何操作计算属性中的Getters？
EN