programing

Vue 2 - 소품 배열 기본 유형 설정 방법

newsource 2022. 8. 21. 19:43

Vue 2 - 소품 배열 기본 유형 설정 방법

Vue 컴포넌트가 있는데, 이 컴포넌트는 객체 어레이를 소품으로 사용합니다.특히 '기본값' 기능에 대해 프로펠러 검증을 자주 사용합니다.

이 경우, 나는 다음을 가지고 있다.

props: {
    items: Array
}

Typescript 또는 React와 같이 입력했으면 합니다.

props: {
    items: Array.of(
        {key: {type: String, default: 'myText'}}
        )
}

기타.

달성 가능합니까?그렇지 않으면 계산 데이터를 맵으로 사용하여 기본값을 설정해야 합니다.

예를 들어 jsFiddle, 도움이 될 수 있습니다.그렇습니다.기본값을 배열로 반환할 수 있습니다.

ES6

props: {
    items: {
        type: Array,
        default: () => []
    }
}

어레이용 ES6 다양성

props: {
  arr: {
    type: Array,
    default: () => []
  }
}

...그리고 오브젝트의 경우

props: {
  obj: {
    type: Object,
    default: () => ({
      param: value,
      param2: value,
    })
  }
}

몇 가지 관련 자원:

  1. https://github.com/vue-styleguidist/vue-styleguidist
  2. https://github.com/vuejs/vue/issues/1032

언급URL : https://stackoverflow.com/questions/41553596/vue-2-how-to-set-default-type-of-array-in-props