如上图,我们要做的就是用vue实现这个效果。逻辑还是比较简单的,我就稍微阐述一下:
当我点击上面三个复选框时,我希望下面的全选复选框也跟着被选中。反之,只要有一个复选框没被选中,那么全选也应该取消。另外,全选按钮的点击可以切换全选效果(即:全选与取消全选)。
不多说,源码附送如下:
链接: https://pan.baidu.com/s/1eS6DJeM 密码: yr59
另外,由于书写的过程比较复杂,本人还录制了一段约20分钟的视频,希望分享给大家,方便大家参考学习:
使用vue实现全选与取消全选
网友评论