Vue的全选/反选指令不正常？

Question

自己写了一个自定义指令，用于全选和反选，但是出现异常如下：在勾全选的时候，它是全不选。全不选的时候，它给我全选。半天排查不出原因，来这里求救一下……谢谢~已经简化写成了一个在线例子：http://jsbin.com/pewowujepo/e...

Answer 1

新添加属性的时候应该使用 Vue.set 方法 不然不会被Vue监听

    bind(el, binding) {

                        // 在数据的每项数据上添加一个checked属性，并全部初始化为false

                        const arr = binding.value.list

                        const state = binding.value.state

                        arr.forEach((value) => {

                            // value.checked = state

                            Vue.set(value,'checked',state)

                        })

                    }