programing

HTML 템플릿에서 사용하기 전에 계산된 속성에서 게터를 어떻게 조작합니까?

newsource 2023. 6. 9. 22:05

HTML 템플릿에서 사용하기 전에 계산된 속성에서 게터를 어떻게 조작합니까?

Vuex 스토어의 게터를 계산된 속성으로 매핑하고 있으며 구성 요소 템플릿에서 사용하기 전에 속성(개체 배열)을 조작하려고 합니다.내가 어떻게 할 수 있는지 알아요?

계산된 속성을 보려고 했지만 작동하지 않습니다.

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

단순 변수에 대해 사용하는 것처럼 다른 사용자 지정 속성에서 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템플릿에서

언급URL : https://stackoverflow.com/questions/55819611/how-do-i-manipulate-getters-in-computed-property-before-using-it-in-the-html-tem