黑马程序员技术交流社区

标题: 实现v-model [打印本页]

---

作者: LeePK    时间: 2021-1-9 15:01
标题: 实现v-model
v-model 其实是 vue 给你提供的一种简化表单元素操作的语法糖
**本质上做了两件事 **
- 动态设置表单元素的值  
```jsx
<input type="checkbox" class="custom-control-input" :id="'switch' + item.id" :checked="item.state" @change="changeState(item, $event)">
```

- 监听对应的事件, 表单元素值变化时, 更新到绑定的变量中
```jsx
changeState (item, e) {
  item.state = e.target.checked
}
```

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2