A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© LeePK 初级黑马   /  2021-1-9 15:01  /  2342 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

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
}
```

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马