checkbox id怎么挂载到input上_v-model在其他元素及类型上的用法萌新笔记

v-model 可以在以下三处使用

1. input(type='text',type='radio', type='checkbox')
2. textarea
3. select

input

写法1:
label 标签的 for 属性里面填的是相应 input 的 id

radio 中 for 与 id 属性相同则可以点击 label 内容选择

这样单击"男"也会直接选中 radio 中的标签;
写法2:
name="sex"
当两个 input 的 name属性设置的一样, 他们就是一组 radio 了只能单选

设置单选

用 label 包裹input 也可以达到同样的效果

使用 v-model 绑定, 来替代原来的 name

当 type 是 radio 的时候使用 v-model

checkbox

sex 的值是一个数组, 会自动插入到数组里

当 type 是 checkbox 的时候使用 v-model

textarea

当 type 是 textarea 的时候使用 v-model

select

select 就必定带着 option

select 标签使用 v-model

多选就需要加一个 multiple 属性