vue.js의 선택 드롭다운 상자에 이벤트와 값을 바인딩하는 방법

이번에는 vue.js의 선택 드롭다운 상자의 시간과 값을 바인딩하는 방법, 선택 드롭다운 상자를 이벤트에 바인딩하는 방법, 그리고 다음은 실제 사례이므로 한 번 살펴보겠습니다. 최근 mui+vue.js 모바일 프로젝트를 진행하면서 이 솔루션을 발견하여 기록했습니다.

1 선택 드롭다운 상자를 바인딩하는 코드는 매우 간단합니다. 드롭다운 상자 모음입니다. vue.js 문서로 이동할 수 있습니다: 주소: https://cn.vuejs.org/v2/api/

: 값에 바인딩된 값은 이 드롭다운 상자에 해당하는 값

<select id="sendSybol" v-model="searchDto.sendSymbolId"> 
  <option v-for="send in sendList" name="sendSymbolId" :value="send.VALUE" >{{send.CODE}}</option> 
</select>

2. 값을 얻으려면 v-model에 바인딩된

속성

을 사용하면 됩니다마스터하신 것 같습니다. 이 기사의 사례를 읽은 후 방법을 알아보십시오. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 추천 자료:

웹 애플리케이션은 백포스 새로 고침을 구현합니다.

AjaxUpLoad.js를 사용하여 파일 업로드를 구현하는 방법

위 내용은 vue.js의 선택 드롭다운 상자에 이벤트와 값을 바인딩하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!