> 웹 프론트엔드 > JS 튜토리얼 > vue.js에서 바인딩 및 값 메서드를 구현하려면 선택 드롭다운 상자를 사용하세요.

vue.js에서 바인딩 및 값 메서드를 구현하려면 선택 드롭다운 상자를 사용하세요.

亚连
풀어 주다: 2018-06-01 16:01:56
원래의
3421명이 탐색했습니다.

이제 vue.js 선택 드롭다운 상자 바인딩 및 값 획득 방법을 공유하겠습니다. 이는 좋은 참조 값을 가지고 있으며 모든 사람에게 도움이 되기를 바랍니다.

최근 mui+vue.js 모바일 프로젝트를 진행하면서 이 솔루션을 발견하여 기록했습니다.

1 선택 드롭다운 상자를 바인딩하는 코드는 매우 간단합니다. -down 상자에서 확인할 수 있습니다. vue.js 문서:

주소: https://cn.vuejs.org/v2/api/

: value에 바인딩된 값은 이 드롭에 해당하는 값입니다. -down box

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

2. Get 드롭다운 상자에서 직접 값을 가져오고 v-model

에 바인딩된 속성을 사용하면 됩니다. 앞으로는 모두에게 도움이 되세요.

관련 기사:

Webpack 영구 캐싱 실습에 대한 간략한 토론

경량 JS Cookie 플러그인 js-cookie를 사용하는 방법

JS 애니메이션 타이머 지식 요약

위 내용은 vue.js에서 바인딩 및 값 메서드를 구현하려면 선택 드롭다운 상자를 사용하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿