表单使用 v-model
最后更新于:2022-04-02 03:37:45
[TOC]
## v-model
1. 推荐表单元素绑定到一个 form 对象
2. checkbox 需要显示设置 form.xxx 为数组
3. v-model 的好处是直接可以获取 radio 或者 checkbox 的value值
4. v-model 在对数据显示radio 或checkbox 时绑定 form.xxx 对象,可以直接显示对象的值
v-model 实现方式
```
等同于
```
实例
```
// js
data() {
return {
myArray: [{id:1, name: 'aa'}],
myArray2: [],
form:{
love:[]
}
}
},
methods: {
btn(){
console.log(this.form);
// {"love":["running","eat"],"male":"女","message":"33434","select":"學生"}
}
}
```
{{form.message}}