You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/v2/guide/forms.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -9,15 +9,15 @@ order: 10
9
9
`v-model` 디렉티브를 사용하여 폼 input과 textarea 엘리먼트에 양방향 데이터 바인딩을 생성할 수 있습니다. 입력 유형에 따라 엘리먼트를 업데이트 하는 올바른 방법을 자동으로 선택합니다. 약간 이상하지만 `v-model`은 기본적으로 사용자 입력 이벤트에 대한 데이터를 업데이트하는 "편의 문법(syntax sugar)"이며 일부 경우에 특별한 주의를 해야합니다.
10
10
11
11
<pclass="tip">
12
-
`v-model`은 모든 form 엘리먼트의 초기 `value`와 `checked` 그리고 `selected` 속성을 무시합니다. 항상 Vue 인스턴스 데이터를 원본 소스로 취급합니다. 컴포넌트의 `data` 옵션 안에 있는 JavaScript에서 초기값을 선언해야합니다.
12
+
<code>v-model</code>은 모든 form 엘리먼트의 초기 <code>value</code>와 <code>checked</code> 그리고 <code>selected</code> 속성을 무시합니다. 항상 Vue 인스턴스 데이터를 원본 소스로 취급합니다. 컴포넌트의 <code>data</code> 옵션 안에 있는 JavaScript에서 초기값을 선언해야합니다.
13
13
</p>
14
14
15
15
`v-model`은 내부적으로 서로 다른 속성을 사용하고 서로 다른 입력 요소에 대해 서로 다른 이벤트를 전송합니다 :
16
16
- text 와 textarea 태그는 `value`속성과 `input`이벤트를 사용합니다.
<pclass="tip"id="vmodel-ime-tip">[IME](https://en.wikipedia.org/wiki/Input_method) (중국어, 일본어, 한국어 등)가 필요한 언어의 경우 IME 중 `v-model`이 업데이트 되지 않습니다. 이러한 업데이트를 처리하려면 `input` 이벤트를 대신 사용하십시오.</p>
20
+
<pclass="tip"id="vmodel-ime-tip"><ahref="https://en.wikipedia.org/wiki/Input_method">IME</a> (중국어, 일본어, 한국어 등)가 필요한 언어의 경우 IME 중 <code>v-model</code>이 업데이트 되지 않습니다. 이러한 업데이트를 처리하려면 <code>input</code> 이벤트를 대신 사용하십시오.</p>
21
21
22
22
### 문자열
23
23
@@ -211,7 +211,7 @@ new Vue({
211
211
</script>
212
212
{% endraw %}
213
213
214
-
<pclass="tip">`v-model` 표현식의 초기 값이 어떤 옵션에도 없으면, `<select>` 엘리먼트는 "선택없음" 상태로 렌더링됩니다. iOS에서는 이 경우 변경 이벤트가 발생하지 않아 사용자가 첫 번째 항목을 선택할 수 없게됩니다. 따라서 위 예제처럼 사용하지 않는 옵션에 빈 값을 넣는 것이 좋습니다.</p>
214
+
<pclass="tip"><code>v-model</code> 표현식의 초기 값이 어떤 옵션에도 없으면, <code><select></code> 엘리먼트는 "선택없음" 상태로 렌더링됩니다. iOS에서는 이 경우 변경 이벤트가 발생하지 않아 사용자가 첫 번째 항목을 선택할 수 없게됩니다. 따라서 위 예제처럼 사용하지 않는 옵션에 빈 값을 넣는 것이 좋습니다.</p>
215
215
216
216
다중 셀렉트 (배열을 바인딩 합니다):
217
217
@@ -329,7 +329,7 @@ vm.toggle === 'yes'
329
329
vm.toggle==='no'
330
330
```
331
331
332
-
<pclass="tip">`true-value` 와 `false-value` 속성은 폼 전송시 체크되지 않은 박스를 포함하지 않기 때문에 입력의 `value` 속성에 영향을 미치지 않습니다. 두 값 중 하나가 폼을 통해 전송 되려면 (예 : '예' 또는 '아니요') 라디오를 대신 사용하십시오.</p>
332
+
<pclass="tip"><code>true-value</code> 와 <code>false-value</code> 속성은 폼 전송시 체크되지 않은 박스를 포함하지 않기 때문에 입력의 <code>value</code> 속성에 영향을 미치지 않습니다. 두 값 중 하나가 폼을 통해 전송 되려면 (예 : '예' 또는 '아니요') 라디오를 대신 사용하십시오.</p>
0 commit comments