用uniapp写一个内外循环的全选与反选，不会的赶紧围观 uniapp

文章图片

根据项目需求；写的一个内外循环的全选与反选；遇到问题：由于是分页，选择全选，当上拉加载时；新加载的数据并没有被选中等问题，都被解决；如果有其他些问题；欢迎提出。
【用uniapp写一个内外循环的全选与反选，不会的赶紧围观】注意：这只我项目中的页面；有些全局引用的例如提示或是一些组件；使用的时候可以删除；并不影响主要功能；获取数据时；由于后台传的是以为数组；但实际需要的二维数据；下面获取数据的接口已经过处理；根据你们返回的数据格式可自行更改；我们项目中有一键换色；牵扯到颜色变量的可删除；写成固定颜色
以下是详细代码：

Html： Js：Css：page { background-color: #fff; }.record .pictrue /deep/checkbox .uni-checkbox-input { background-color: rgba(0, 0, 0, 0.16); }.record .pictrue /deep/checkbox .wx-checkbox-input { background-color: rgba(0, 0, 0, 0.16); }.record { .footer { box-sizing: border-box; padding: 0 30rpx; width: 100%; height: 96rpx; box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.06); background-color: #fff; position: fixed; bottom: 0; z-index: 30; padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/ padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/.bnt { width: 160rpx; height: 60rpx; border-radius: 30rpx; border: 1rpx solid #ccc; color: #666666; &.on { border: 1rpx solid var(--view-theme); margin-left: 16rpx; color: var(--view-theme); } } }.nav { border-bottom: 1rpx solid #eee; color: #999999; font-size: 28rpx; height: 74rpx; padding: 0 30rpx; .left { color: #333; .num { color: var(--view-theme); margin: 0 10rpx; } } }.list { padding-top: 32rpx; padding-bottom: 96rpx; .item { .title { padding: 0 30rpx; margin-bottom: 34rpx; font-size: 34rpx; font-weight: 600; }.picList { padding: 0 30rpx 0 12rpx; .picTxt { margin-left: 18rpx; margin-bottom: 48rpx; .pictrue { width: 218rpx; height: 218rpx; border-radius: 10rpx; position: relative; image { width: 100%; height: 100%; border-radius: 10rpx; }.checkbox { position: absolute; right: 10rpx; top: 14rpx; } }.money { font-size: 24rpx; color: var(--view-theme); font-weight: 600; margin-top: 15rpx; .num { font-size: 32rpx; margin-left: 6rpx; } } } } } } }

最后
如果你觉得这篇文章对你有点用的话，麻烦请给我们的开源项目点点star:http://github.crmeb.net/u/defu不胜感激！
免费获取源码地址：http://www.crmeb.com
PHP学习手册：https://doc.crmeb.com
技术交流论坛：https://q.crmeb.com