uniapp采坑之二----模仿通讯录

//后台返回来的格式
indexList: [{A: [{"firstName": "不安","id": "1",checked: false,disabled: false}, ]},{B: [{"firstName": "不安","id": "2",checked: false,disabled: false},{"firstName": "不安2","id": "3",checked: false,disabled: false},]},{C: [{"firstName": "不1安","id": "4",checked: false,disabled: false},{"firstName": "不2安3","id": "5",checked: false,disabled: false},{"firstName": "不1安3","id": "6",checked: false,disabled: false},{"firstName": "不0安3","id": "7",checked: false,disabled: false},]},{D: [{"firstName": "不0安","id": "8",checked: false,disabled: false},{"firstName": "不1安3","id": "9",checked: false,disabled: false},{"firstName": "不1安3","id": "10",checked: false,disabled: false},{"firstName": "不0安3","id": "11",checked: false,disabled: false},]}]}

     <u-checkbox-group @change="checkboxGroupChange"><u-index-list :scrollTop="scrollTop"><view v-for="(item, index) in indexList" :key="index"><view v-for="(children,key) in item"><u-index-anchor :index="key" /><u-checkbox @change="checkboxChange" v-model="item.checked" v-for="    (item,_index) in children" :key="item.id" :name="item.firstName" class="list-cell" shape='circle' active-color='#00c0a6'>{{item.firstName}}</u-checkbox></view></view></u-index-list></u-checkbox-group>

uniapp采坑之二----模仿通讯录相关推荐

【uni-app学习】uni-app低功耗蓝牙采坑记录
一.低功耗蓝牙的基础知识 1.低功耗蓝牙简介蓝牙4.0及更高版本被称为蓝牙低功耗,其中蓝牙4.0标准包括传统的蓝牙模块部分和蓝牙低功耗模块部分,这是双模式标准.一般上位机都会有相应的蓝牙API可用, ...
api 微信内置浏览器js_多端开发框架uni-app入坑指南，一套代码适用微信、头条等小程序...
前言 hello 小伙伴们,现在我已经正式入坑 uni-app 了.uni-app 已经发布好几个月了,期间也是踩坑无数,但是官方秉承着不抛弃不放弃的精神,积极解决开发者的各种简单的.复杂的问题,在此 ...
Android平台招商银行“一网通”支付对接采坑记
公司最近的App中需要做支付功能,支付中需要支持微信支付.支付宝支付.一网通支付.本文主要记录在对接Android平台中的"一网通"过程中遇到的坑,如果有类似需求的朋友,可供你参考 ...
（原创）修改BIOS让华硕Z87-A老主板支持NVMe硬盘启动（采坑实录）
当年经典的华硕Z87-A主板至今仍然老当益壮,美中不足就是不支持NVMe SSD作为启动盘.由于工作生活繁忙,2年多来陆陆续续查了好多资料,再加上有CH341A编程器加持,自认已经准备得够充分.最近乘 ...
vue2.0怎么渲染html,vue采坑之——vue里面渲染html 并添加样式
在工作中,有次遇到要把返回的字符串分割成两部分,一部分用另外的样式显示. 这时候,我想通过对得到字符串进行处理,在需要特别样式的字符串片段用html标签(用的span)包裹起来再通过变量绑定就好了.不 ...
Centos7.9上利用cephadm安装Ceph Octopus 15.2的采坑记录，附带K8S挂载方法
Centos7.9上利用cephadm安装Ceph Octopus 15.2的采坑记录,附带K8S挂载方法 0.亮点 1 准备 1.1 修改历史记录 1.2 升级系统内核 1.3 配置免密登录问题1 ...
微信小程序支付java服务端集成采坑总结
先上个微信小程序支付官方文档地址: https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_7&index=8 重点看 ...
一. spring cloud gateway集成 spring cloud stream binder kafka，实现“动态路由“刷新与加载之采坑记录
一.前言 Spring Cloud Stream是用于构建消息驱动的微服务应用程序的框架. 本文主要介绍如何集成 Spring Cloud Stream,以 Kafka发布订阅模式(topic),实现 ...
Flutter采坑实录
Flutter采坑实录搭建环境踩了不少坑,这里开始记录下: 因为科学上网,正常的依赖下载不下来,这里记录下遇到的问题,大家直接全文搜索你的关键词,如果有,直接去文章末尾参考我修改的地方修改吧. 看不 ...

uniapp采坑之二----模仿通讯录

uniapp采坑之二----模仿通讯录相关推荐

最新文章

热门文章