奥展项目笔记07--vue绑定下拉框和checkbox总结

1.vue绑定下拉框

　　　　　　　　　　　　　　<div class="col-md-1 data">
                            <select class="form-control "  v-model="form.duijiaoflag" >
                                <option>否</option>
                                <option>是</option>
                            </select>
                        </div>

在data中设置下拉框默认选中的值

效果图：

通过v-model可以绑定下拉框的值，切换选项，duijiaoflag对应绑定的值会发生变化。

可能会导致v-model绑定不上数据的原因：注意select标签的样式。

参考文献：https://blog.csdn.net/Appleyk/article/details/79228460(经典)

2.vue绑定checkbox

　　　　　　　　　　　　　　 <div class="col-md-1 data">
                            <input type="checkbox"  value="1" class="mycheckbox" v-model="form.duibianflag">
                        </div>

效果图：

当checkbox勾选时，duibianflag的值会是true

注意：当checkbox不勾选时(即duibianflag值为false时，form表单不会提交duibianflag)

参考文献：https://www.cnblogs.com/hanqingtao/p/9269383.html