1、文本输入框
直接双向绑定输入的元素值
初始化默认值为空字符串
2、复选按钮
直接双向绑定输入的元素值
初始化默认值为flase,不选中
3、单选按钮,
1.使用name分组,产生互斥效果。
2.使用value存值,
3再用v-model双向绑定即可
4初始值为谁的value,就默认选中哪个选项
4、下拉框按钮
1.需要给每一项option设置value,将来用于提交
2.select框的value会与选中的项形成关联,选项变化,select值就会对应改变。同理一旦select的值变了,上面的选项也会变
3再用v-model与select进行绑定,即可实现效果
4初始值为谁的value,就默认选中哪个选项
调试时可以先选中的这个元素,取到$0这个值
然后在控制台调试界面,通过刚刚拿到的这个$0来获取到刚刚选中的那个元素,选中哪个项就会显示哪个值
反向设置为104
上面的下拉文本也变为对应南京
5、文本域
直接绑定即可