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

自己写了一个自定义指令,用于全选和反选,但是出现异常如下:

https://img.mukewang.com/5c3f01bc0001bc2f03240274.jpg

https://img3.mukewang.com/5c3f01c30001bc2f03240274.jpg

在勾全选的时候,它是全不选。全不选的时候,它给我全选。

半天排查不出原因,来这里求救一下……谢谢~

已经简化写成了一个在线例子:http://jsbin.com/pewowujepo/e...


紫衣仙女
浏览 490回答 1
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)                        })                    }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript