VueJS를 사용하는 ComboBox 템플릿 구성 요소

Question

我想使用 vuejs v3 제조일체 콤보박스 模板组件，为此我有以下代码：

<템플릿>
    <이름 선택={{selector_name}} 클래스= "콤보박스" id={{selector_id}}>
        {{selector_options}}에서 v-for=선택 
        <옵션값=opt>
            고르다
        </옵션>
    </선택>
</템플릿>

<스크립트>
기본값 내보내기 {
    이름: '콤보박스',
    데이터() {
        반품 {
            selector_name: null,
            selector_id: null,
            selector_options : null,
        }
    },
    소품: {
        선택기_이름: {
            유형: 문자열,
            필수: 사실
        },
        선택기_ID: {
            유형: 문자열,
            기본값: "콤보박스"
        },
        selector_options: {
            유형: 배열,
            필수: 사실
        }
    },
    방법: {
        onChange: (이벤트) => {
            console.log(event.target.value);
        },
    },
    계산됨: {},
}
</스크립트>

但是我使用 v-for 诉我提前致谢。

Answer 1

많은 내용을 보았는데, 귀하의 질문에 명확하게 대답하기 위해 요소에는 v-for가 사용됩니다.

으아악

props와 데이터를 동일한 이름으로 정의할 수 없습니다. Props, 데이터에 속성과 값을 주입합니다. 완전히 동일하지만 데이터는 부모로부터 제공되며 부모의 값을 자식에게 전달합니다.

따라서 데이터를 전달해야 하는 경우 props를 사용하되 데이터 내부에서 정의하지 마세요.

이 모든 작업 예제 가 있습니다(가독성을 높이기 위해 props 대신 데이터를 사용했습니다).