Vue笔记——v-model在其他元素及类型上的用法

1

< input v-model. trim= "name" type= "text" /> {{name}} --去掉前后的空格

2

< input v-model . number = "price" type = "text" />{{price}} --自动转换数字类型

3

< input v-model . lazy = "price" type = "text" />{{price}} --惰性更新（blur时才会更新）

3

< input v-model= "sex" value= "female" type= "radio" />--单选——————vue sex：''，

4

< input v-model= "sex" value= "male" type= "checkbox" />--多选————vue sex：[],(放入数组中)

5

< textarea v-model= "article" id= "whh" cols= "300" rows= "10" ></ textarea >--就是个文本框

6

< div >你来自哪里? </ div >

< select v-model= "from" >

< option value= "1" >wangjiagou </ option > --班级年级选择框———vue from：null，（默认空选项）

< option value= "2" >beibeishan </ option >

</ select >

7

multiple 多选