checkbox&radio&select

1、checkbox

<input type="checkbox" lable="tyk1" name="1">
    <input type="checkbox" lable="tyk2" name="1">
    <input type="checkbox" lable="tyk3" name="1">

  checkbox 不受name的影响,可以通过js实现单选。原生dom值为true or false

2、radio

<input type="radio" lable='1' name="1">
    <input type="radio" lable='2' name="1">
    <input type="radio" lable='3' name="1">

  受name的影响,相同name的radio为单选,不同的为多选.。原生dom值为所设的value属性

3、select

<select v-model="selectTest">
      <option lable='tyk' value="1"></option>
      <option value="12">1234</option>
    </select>

  selectTest 为所选option的value属性。如果有多选multiple属性,selectTest应为一个数组,(在vue-data中提前设置?),包含所选option的value

4、建议使用已经封装好的组件库,省的麻烦,此处简单介绍。

 

猜你喜欢

转载自www.cnblogs.com/yanzhitan/p/11810432.html