VueJS를 사용하는 ComboBox 템플릿 구성 요소
P粉550323338
P粉550323338 2023-09-03 22:34:50
0
1
474
<p>我想使用 <code>vuejs v3</code> 제조일체 <strong>콤보박스</strong> 模板组件,为此我有以下代码:</p> <pre class="brush:html;toolbar:false;"><템플릿> <이름 선택={{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); }, }, 계산됨: {}, } </스크립트> </pre> <p>但是我使用 <code>v-for</code> 诉我提前致谢。</p>
P粉550323338
P粉550323338

모든 응답(1)
P粉616111038

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

으아악

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

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

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

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿