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:这是从后台获取到了该角色已经绑定的角色名数组
根据需要做相应修改即可

上一篇:Linux下web服务器的配置
下一篇:Linux配置Mail服务器

发表评论

最新留言

关注你微信了!
[***.104.42.241]2025年04月17日 17时14分20秒