uview Checkbox 复选框勾选，删除某一项遇见的bug，复用导致的问题

uview Checkbox 复选框勾选，删除某一项遇见的bug
如下图，所示，正常新建了子任务123,1跟3勾选。
紧接着删除子任务2，发现原本子任务3勾选消失了

查看里面保存勾选的值，的的确确有两个，没有问题

后来发现是代码中for循环key导致的，原本用的是index，后来将其换成唯一的id。
没有深入研究，应该是复用机制导致的问题，有大佬知道，欢迎评论

<u-form-itemstyle="padding:0 40rpx;"label="子任务"prop="subtask"><view style="display:flex;"><view class=""><u-checkbox-groupv-model="subTaskValue"placement="column"@change="checkboxChange"><template v-for="(item, index) in subTaskCheckboxList" class="flex flex-wrap flex-jc-start flex-ai-start">//原本:key=“index”，后来换成了每一项的id<u-checkbox:customStyle="{marginBottom: '8px',width:'650rpx'}":key="item.id":label="item.name":name="item.id"></u-checkbox><view class="flex-jc-between flex" ><span>{{ item.time==''?'无':item.time + '截止' }}</span><span>{{ item.staffName==''?'无':item.staffName }}</span><span style="color:red;" @click="delSubTask(item,index)">删除</span></view></template></u-checkbox-group><view class="addSubTask"><u-tag text="新建子任务" size="mini" shape="circle" @click="()=>{createSubTaskShow=true;}"></u-tag></view></view></view></u-form-item>

uview Checkbox 复选框勾选，删除某一项遇见的bug，复用导致的问题相关推荐

java 模板生成PDF文件复选框勾选
java 模板生成PDF文件复选框勾选 // pdf填充时要有第三个参数s.setField("A", On, true);
QAbstractItemView子类如:QTreeView、QTableView等子项单元格复选框勾选/取消勾选功能实现
1.前言本博文所说的技术点适用于同时满足下面条件的所有QAbstractItemView视图类的子类: 模型类从 QAbstractItemModel派生. 代理类从QStyledItemDeleg ...
打印时候复选框勾选不见了_checkbox 选中未显示对号勾选的问题
今天同事让帮忙调试一个checkbox只选中一个的方法,代码如下: ID平台代码平台名称选项2选项2选项3选项4 varEleInput=$("[name = ptcode]:check ...
实现翻页或查询后保持复选框勾选状态
首先先梳理一下复选框的相关逻辑当你看着每个选项的名字而勾选选项时,传入后台的一定是这些选项所对应的id(即唯一的标识符).由于一个复选框的选项个数基本是不变的,在这个项目中所有的复选框的id和nam ...
vue设置多选框默认勾选_Angular/Vue多复选框勾选问题
此页面效果以Angular实现,Vue也可按照其大致流程实现,其核心本质没有改变. 功能效果为:页面初始化效果为要有所有角色的复选框,要求初始化默认勾选的角色要显示勾选,之后,能按照最终勾选的状态提交 ...
产生复选框的html,html根据复选框勾选顺序生成字符串
check 猴子大象狮子 String.prototype.trim = function (c) { if (!c) c = "\\s"; return this.repla ...
苹果手机和安卓手机的复选框勾选框大小不一致问题
在iOS中,当标签的长度超过通常的长度时,就会发生这种情况样式中设置一下就ok了min-width: 20px style="min-width: 20px" 参考链接
uview Checkbox 复选框每一项增加删除功能
如图,在uview Checkbox 复选框的基础上,需要对每一项增加一个删除功能 <u-form-itemstyle="padding:0 40rpx;"label=&qu ...
layui复选框勾选取值
1.本次做页面的时候要用到复选框,并且勾选不同的复选框要展示不同的输入项,这就需要判断到底是勾选了那个.如下是我的页面实现. <div class="layui-form-item&q ...

uview Checkbox 复选框勾选，删除某一项遇见的bug，复用导致的问题

uview Checkbox 复选框勾选，删除某一项遇见的bug，复用导致的问题相关推荐

最新文章

热门文章