javascript - v-model 바인딩 값에 대한 vue 공식 문서 설명
怪我咯
怪我咯 2017-06-12 09:22:58
0
1
682

그러나 때로는 Vue 인스턴스의 동적 속성에 값을 바인딩하고 싶을 때가 있습니다. 이 경우 v-bind를 사용하여 이를 달성할 수 있으며 이 속성의 값은 문자열일 필요는 없습니다.

질문:
1. 위 단락을 자세히 설명하세요
2. 다음 코드를 결합하여 완전한 데모를 작성하세요.

체크박스

으아악

라디오 버튼

으아악

목록 설정 선택

으아악

怪我咯
怪我咯

走同样的路,发现不同的人生

모든 응답(1)
世界只因有你

라디오, 체크박스 또는 선택 옵션의 값을 의미하며 이는 정적 문자열일 수도 있고 인스턴스 데이터 및 계산된 속성과 같은 인스턴스 속성일 수도 있습니다.

실제로 다음과 같은 예시가 자세히 나와 있습니다.
<input type="radio" v-model="picked" value="a"> 当用户点选该 radio 时, vm.picked 是字符串 "a",而 <input type="radio" v-model="pick" v-bind:value="a">, 사용자가 선택하면 vm.pick은 vm.a의 인스턴스 속성입니다.

선택 목록 예시도 이해하기 쉽습니다.

사실 직접 코드를 입력하고 실행해보면 거의 이해가 되겠지만, 코드를 입력할 때 일부 오류 메시지가 나올 수도 있습니다. (a의 인스턴스 데이터가 없으면 바인딩된 데이터가 없다는 메시지가 나타납니다.) 선언되지 않았습니다. 이때 데이터에 a를 추가하면 됩니다.) Vue에서 중국어 학습자에게 그다지 친숙하지 않은 점은 콘솔의 오류 메시지가 모두 영어로 되어 있다는 것입니다. 영어가 늦어질 수도 있습니다.

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