微信公开课
微信公开课小程序热门讨论关于「wx:key重复问题」的小程序开发问题
补充:当前Bug的表现(可附上截图)预期表现复现路径提供一个最简复现Demo首先我的报错页面,从入口直接进的话是没有问题的,但是在另一个页面点击跳转,进入页面,进入出现我的微信wx:key重复‘,我的数据渲染的也
展开:当前Bug的表现预期表现复现路径提供一个最简复现Demo首先我的报错页面,从入口直接进的话是没有问题的,但是在另一个页面点击跳转,进入页面,进入出现我的微信wx:key重复‘,我的数据渲染的也有问题,而且我请求的数据没有展示,并且页面出现了无关的数据,请问下面的wxml代码有什么问题代码如下<importsrc=templatetemplatewxml<viewclass=nav<viewwx:for={{nav}}wx:key=uniqueclass={{navIndex==index?navlist:}}catchtap=tabdataindex={{index}}{{item}}<view<view<viewclass=hidewx:if={{navIndex==0||navIndex==1||navIndex==2}}catchtap=hide<viewclass={{is_hide==1?hidebtner:hidebtn}}<view隐藏不再查看的申请<view<!全部<viewclass=adoptlistwx:for={{applyList}}wx:key=uniquewx:if={{navIndex==0&&applyListlength!=0}}<templateis=applyListdata={{item}}<view<!待通过的申请<viewclass=pendingwx:if={{navIndex==1||navIndex==2}}<viewclass=filtrate<viewclass=title领养人条件筛选<view<viewclass=experience<viewclass=experiencetitle养宠经验<view<viewclass=experiencedetail{{experienceIndex==index?haser:has}}catchtap=setExperiencedataid={{index}}wx:for={{experience}}wx:key=unique{{item}}<view<view<viewclass=experience<viewclass=experiencetitle婚姻状况<view<viewclass={{maritalIndex==index?haser:has}}wx:for={{marriages}}wx:key=uniquecatchtap=setMarriagesdataid={{index}}{{item}}<view<view<viewclass=experience<viewclass=experiencetitle住房情况<view<viewclass={{houseIndex==index?haser:has}}wx:for={{house}}wx:key=uniquecatchtap=setHousedataid={{index}}dataindex={{index}}{{item}}<view<view<viewclass=extendwx:if={{extend}}<viewclass=age<viewclass=experiencetitle年龄<view<viewclass={{ageIndex==index?agedetailer:agedetail}}wx:for={{age}}wx:key=uniquedataid={{index}}catchtap=setAge{{item}}<view<view<viewclass=experience<viewclass=experiencetitle性别<view<viewclass={{genderIndex==index?haser:has}}wx:for={{gender}}wx:key=uniquedataid={{index}}catchtap=setGender{{item}}<view<view<view<viewclass=unfoldcatchtap=extendwx:if={{!extend}}展开更多<viewclass=unfoldbtn<view<view<viewclass=button<viewclass=resetcatchtap=reset重置<view<viewclass=resetcatchtap=filtrate筛选<view<view<view<view<viewclass=hintwx:if={{navIndex==1&applyListlength!=0}}领养申请单在创建30天后,送养人未同意也未取消订单,系统自动取消<view<viewclass=hintwx:if={{navIndex==2&applyListlength!=0}}通过申请7日后,如未成功签订领养协议,系统将自动取消<view<viewwx:if={{(navIndex==1&applyListlength!=0)||(navIndex==2&applyListlength!=0)}}class=applylistwx:for={{applyList}}wx:key=unique<templateis=applyListdata={{item}}<view<viewwx:if={{navIndex==3&applyListlength!=0}}class=applylistwx:for={{applyList}}wx:key=unique<templateis=applyListdata={{item}}<view<viewwx:if={{noData}}class=nodata{{nodataText}}<view<viewclass=whiteboxwx:if={{navIndex==3}}<view<viewclass=loadingcontainerwx:if={{noData}}<templateis=loadingdata={{loadingStr}}<view即速小程序:你的wx:key是个固定字符串unique,建议改成唯一标识,最次的方式,也是直接用index,比如wx:key={{index}}
更多有关「wx:key重复问题」的讨论可以前往微信公开课小程序参与互动哦!了解更多