v-model 应用于其他表单元素

33 阅读1分钟

v-model 应用于其他表单元素

  • 输入框 input:text ---> value
  • 文本域 textarea ---> value

复选框 checkbox

<input type="checkbox" v-model="flag">
            <p>{{flag}}</p>
  • 值是布尔,复选框只有一个的情况

单选框 radio

<input type="radio" v-model="gender" value="male"> 男
<input type="radio" v-model="gender" value="female"> 女
            <p>{{gender}}</p>
  • 只要是一组单选 v-model必须一样,要给表单元素value
  • radio 返回的是 value

一组复选框

<input type="checkbox" v-model="hoddy" value="chang"> 唱
<input type="checkbox" v-model="hoddy" value="tiao"> 跳
<input type="checkbox" v-model="hoddy" value="rep"> rep
  • v-model必须一样 ,每个复选框都要有value值,v-model对应的是一个数组
  • 返回的是 value