Programing

mapState의 Vue 계산 구문 오류

c10106 2022. 4. 14. 21:27
반응형

mapState의 Vue 계산 구문 오류

다음 코드를 가지고 있다.

 computed: {
      mapState(["appErrors", "user", "profilesFor"]),
      compiledData () {
      return {
        template: `<p>${this.data}</p>`
      }
    }
  }

기본적으로 나는 Vuex를 사용하고 있고 mapState가 있지만 나만의 컴퓨터 기능을 정의하고 싶어서 변경했다.

computed: mapState(["appErrors", "user", "profilesFor"])--Works

computed: {
      mapState(["appErrors", "user", "profilesFor"]),
      compiledData () {
      return {
        template: `<p>${this.data}</p>`
      }
    }
  }

하지만 그것은 효과가 없다.이 문제를 어떻게 해결할 것인가?

도우미는 계산된 게터 함수를 포함하는 객체를 제공한다.

스프레드 연산자를 사용하여 이러한 각 함수를computed객체:

computed: {
  ...mapState(["appErrors", "user", "profilesFor"]),
  compiledData () {
    return {
      template: `<p>${this.data}</p>`
    }
  }
}

참조URL: https://stackoverflow.com/questions/47204038/vue-computed-syntax-error-with-mapstate

반응형