Skip to content

Commit 2b4c195

Browse files
NataliaTepluhinaJustineo
authored andcommitted
Clarified v-model props/events for native elements (#1974)
* Added details for v-model Explained what events and properties v-model for different input elements * fix: refactored tip to bullet points
1 parent f2e727e commit 2b4c195

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

src/v2/guide/forms.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,12 @@ order: 10
1010

1111
<p class="tip">`v-model` 会忽略所有表单元素的 `value`、`checked`、`selected` 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 `data` 选项中声明初始值。</p>
1212

13+
<!-- todo: translation -->
14+
`v-model` internally uses different properties and emits different events for different input elements:
15+
- text and textarea elements use `value` property and `input` event;
16+
- checkboxes and radiobuttons use `checked` property and `change` event;
17+
- select fields use `value` as a prop and `change` as an event.
18+
1319
<p class="tip" id="vmodel-ime-tip">对于需要使用[输入法](https://zh.wikipedia.org/wiki/%E8%BE%93%E5%85%A5%E6%B3%95) (如中文、日文、韩文等) 的语言,你会发现 `v-model` 不会在输入法组合文字过程中得到更新。如果你也想处理这个过程,请使用 `input` 事件。</p>
1420

1521
### 文本

0 commit comments

Comments
 (0)