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