
uni-app根据后台数据、动态生成checkbox,点击提交获取绑定checked项以及实现显示默认checked项
发布日期:2021-05-07 23:20:37
浏览次数:14
分类:原创文章
本文共 637 字,大约阅读时间需要 2 分钟。
直接贴代码吧
<view class="user"> 为 <text class="username">{ {user.userName}}</text> 分配角色 </view> <view class="uni-list"> <checkbox-group @change="checkboxChange"> <label class="uni-list-cell uni-list-cell-pd" v-for="(item,index) in RoleList" :key="item.id"> <view class="box"> <checkbox :value="item.id" :checked="checkEquip[index] == item.roleName ? true: false"/> <text>{ {item.roleName}}</text> </view> </label> </checkbox-group> </view> <button type="default" @click="setRole">保存</button>
解释一下几个值
user.userName:这是从后台获取到的选中的用户名
RoleList:这是获取到的所有的角色数组
checkEquip:这是从后台获取到了该角色已经绑定的角色名数组
根据需要做相应修改即可
发表评论
最新留言
关注你微信了!
[***.104.42.241]2025年04月17日 17时14分20秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
HTML基础,块级元素/行内元素/行内块元素辨析【2分钟掌握】
2019-03-05
STM8 GPIO模式
2019-03-05
23种设计模式一:单例模式
2019-03-05
Qt中的析构函数
2019-03-05
三层框架+sql server数据库 实战教学-徐新帅-专题视频课程
2019-03-05
【单片机开发】智能小车工程(经验总结)
2019-03-05
【单片机开发】基于stm32的掌上游戏机设计 (项目规划)
2019-03-05
C++&&STL
2019-03-05
微信js-sdk使用简述(分享,扫码功能等)
2019-03-05
c++中ifstream及ofstream超详细说明
2019-03-05
web项目配置
2019-03-05
基于单片机简易信号误差分析设计-全套资料
2019-03-05
基于单片机简易脉搏测量仪系统设计-毕设课设资料
2019-03-05
Javascript中String支持使用正则表达式的四种方法
2019-03-05
Servlet2.5的增删改查功能分析与实现------删除功能(四)
2019-03-05
spring启动错误:Could not resolve placeholder
2019-03-05
invalid byte sequence for encoding
2019-03-05
技术美术面试问题整理
2019-03-05
ORB-SLAM2:LoopClosing线程学习随笔【李哈哈:看看总有收获篇】
2019-03-05