# 动态添加对象的属性
- Vue 中,动态新增对象的属性时,不能直接添加。正确的做法是:Vue.set(obj,key,value)。参考链接:# (opens new window)
# 判断一个 checkbox 是否被选中
<!-- v-model里的内容是变量,变量里的值可能是 true 后者 false -->
<input type="checkbox" v-model="isSelected" />
<!-- 选中时,值为 true。未选中时,值为 false -->
<span>{{isSelected}}</span>
<!-- 选中时,显示文字。未选中时,隐藏文字 -->
<span v-if="isSelected">haha</span>
# 多个 checkbox 的全选和反选
现在有多个 checkbox 的 item 在一个数组中,另外还有一个“全选”的 checkbox 按钮。
点击全选按钮,让子 item 全部选中:
采用 watch 监听全选按钮,然后改变子 item。
当子 item 全部被选中时,触发全选按钮:
采用 computed 计算子 item 的状态,存放到变量 allChecked 中,然后用 watch 监听 allChecked 的值。
参考链接: