Vue+element 에서 배경 데 이 터 를 options 로 동적 으로 표시 하 는 동작 방법
selector 선택 기 에서 옵션 값 options 데 이 터 를 동적 으로 표시 합 니 다.죽은 데 이 터 를 쓰 는 것 이 아니 라 제 역할 ID 데 이 터 는 다음 과 같 습 니 다.
현재 이 데이터 요청 을 option 에 표시 합 니 다.
다음 과 같이 구현:
element-ui 에서 selector 선택 기 사용 하기:
<el-form-item label=" ID：" prop="roleId">
<el-select v-model="addUserForm.roleId" placeholder=" ID">
<el-option
v-for="item in roleList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
methods 에 데이터 구현 요청 쓰기:
getroleList() {
getRoleList(this.name).then(res => {
let result = res.data.items;
console.log(" ：" +JSON.stringify(this.roleList));
result.forEach(element => {
this.roleList.push({label:element.name,value:element.name});
});
}).catch( error => {
console.log(error);
});
},
그 중에서 getRole List 는 제 가 봉 인 된 get 요청 입 니 다.
실현 결 과 는 다음 과 같다.
Vue+element 의 동적 디 스 플레이 배경 데 이 터 를 options 로 표시 하 는 방법 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 Vue element 동적 options 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 지원 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
