下拉选择 select-option ; select-optgroup-option的使用

1.普通的select框
<select class="form-control" v-model="selectVal">
        <option value="0">请选择</option>         
<option value="一级菜单A">一级菜单A</option> 
<option value="二级菜单B">二级菜单B</option> 
<option value="二级菜单C">二级菜单C</option> 
        </select>

2.optgroup的使用
<select class="form-control" v-model="selectVal">
        <option value="0">请选择</option>  
        <!--//optgroup必须要label,这里的无法选择,所以可以在下边再写一个,如果不需要选择则不需要加一层-->
        <optgroup label="一级菜单A"> 
        <!--//该层为加的使其可选-->
<option value="一级菜单A">一级菜单A</option> 
<option value="二级菜单A1">二级菜单A1</option> 
<option value="二级菜单A2">二级菜单A2</option> 
</optgroup>
<optgroup label="一级菜单B"> 
<option value="一级菜单B">一级菜单B</option> 
<option value="二级菜单B1">二级菜单B1</option> 
<option value="二级菜单B2">二级菜单B2</option> 
</optgroup>

  </select>

3.效果

   

猜你喜欢

转载自blog.csdn.net/hangge0111/article/details/80832799