复选框

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

自由学三年,把想法变成现实。33 折优惠(最后 6 天), 现在订阅 →

把这个 message 的值换成 false .. 再去添加一个复选框 ... 先添加一个包装元素 ... 然后是一个 input ,类型是 checkbox ... 下面再给它添加一个 label ..

然后在这个复选框元素上面用一个 v-model 指令,绑定一个 message ... 回到浏览器 .. 勾选一下这个复选框 .. 这样绑定到它上面的数据的值就会变成 true ... 再取消勾选一下 ... 这个值会变成 false ...

再试一下一组复选框 ... 把 message 的值换成一个空白的数组 ..

给这个复选框添加一个 value 属性,设置一下它的值 ... 再修改一下它的标签 .. 这样勾选了这个复选框以后,复选框的 value 的值就会放到绑定到它上面的这个数据的里面 ...

再添加两个复选框 ... 设置一下 value 属性的值 ... 再修改一下标签 ... 再添加一个复选框 ... 同样修改一下它的值 ... 还有它的标签 ...

回到浏览器 ... 勾选一下复选框 ... 这个复选框的 value 的值,会放到绑定到它上面的这个数据里面 ... 取消勾选 ... 会把它的值从绑定给它的数据里面拿掉 ..

复选框《 Vue.js 前端框架 》

统计

10670
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点