- 问题根源:
- 不同浏览器下click事件驱动的逻辑顺序不一致
- 场景重现:
- vue中复选框机制是一组复选框绑定同一个数据,其数据类型是数组,选中复选框就会向绑定数据 追加一个元素。
- 为了项目更好的使用,我包装了一个复选框的子组件,在input上绑定了一个click事件,本想通过点击复选框然后判断复选框绑定的数据最后操作父组件中的数据,结果是失败的
- IE浏览器可以,当我点击复选框的时候,随之绑定的数据在click回调函数中是能立刻取到的;但是谷歌浏览器是无法取到的
- 解决办法
- 复选框核心就是绑定的那个数据,所以我用watch监控那个绑定的数据就可以了