theluyuan/webveuje
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

zujian

Browse Source
This commit is contained in:
asd
2020-12-23 16:51:20 +08:00
parent 19ba3b009e
commit 704a4b02b2
6 changed files with 196 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
vue/表单输入绑定v-model.md
View File

@@ -153,23 +153,31 @@ v-model为不同的输入元素使用不同的property并抛出不同的事件
```
<div id="example-6">
<select v-model="selected" multiple style="width: 50px;">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
<br>
<span>Selected: {{ selected }}</span>
</div>
<select v-model="selected" multiple="multiple" style="width: 50px;">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
<option>E</option>
<option>F</option>
</select>
<br>
<span>Selected: {{ selected }}</span>
</div>
```
```
new Vue({
el: '#example-6',
data: {
selected: []
}
}
})
```
选择前：![image-20201223141638119](表单输入绑定v-model.assets/image-20201223141638119.png)
选择后：![image-20201223141710470](表单输入绑定v-model.assets/image-20201223141710470.png)
​ 使用时需要按ctrl选中多个