大佬们,请问wx:for中套if的如何显示序号?

小程序 文章 2022-03-08 18:40 638 0 全屏看文

AI助手支持GPT4.0

大佬们,请问wx:for中套if的如何显示序号?Guys, how to display the serial number of if in wx:for?

大佬们,请问wx:for中套if的如何显示序号?

需求是一组数据,类似如下:

[{name:张1,sex:女},{name:张2,sex:男},{name:张3,sex:女},{name:张4,sex:男},{name:张5,sex:女},]


要求渲染后可以有性别过滤(全部、男、女三种)并输出序号,类似:

1、张12、张33、张5


我用for循环嵌套if过滤然后用{{index+1}}充当序号是不行的(会不连续,出现1、3、5这种情况),请问有没有好的实现方法?

Requirements are a set of data, similar to the following: [{Name: Zhang 1, sex: female}, {Name: Zhang 2, sex: male}, {Name: Zhang 3, sex: female}, {Name: Zhang 4, sex: male}, {Name: Zhang 5, sex: female},] after rendering, gender filtering (all, male and female) and output sequence numbers, similar to: 1, Zhang 12, Zhang 33 Zhang 5 I can't use for loop nested if filtering and then use {{index + 1}} as the serial number (it will be discontinuous, such as 1, 3 and 5). Is there a good implementation method?

回答:

SUN:

这个应该是后台给你处理吧,如果前端搞,可以查分两个数组,分别为

man:[{name:张2,sex:男},{name:张4,sex:男},]woman:[{name:张1,sex:女},{name:张3,sex:女},]然后根据条件绑定页面变量的获取数组的范围:key = "all"setData({list:list})key = "woman"setData({list:woman})key = "man"setData({list:man})然后继续下标当序号,不成熟想法,仅供参考,个人还是建议后台去处理数据问题,毕竟前端主要任务还是交互与渲染



brave:
// page.jsPage({  data: {    type: 0,    list:[      {name:"张1",sex:"女"},      {name:"张2",sex:"男"},      {name:"张3",sex:"女"},      {name:"张4",sex:"男"},      {name:"张5",sex:"女"}    ]  }})// page.wxml<view wx:for="{{filter.getData(type, list)}}" wx:key="name">{{index}}、{{item.name}}</view><wxs module="filter">  function getData(type, list) {    if (type == 0) {      return list    } else {      return list.filter(function(item){        return type == 1 ? item.sex === "男" : item.sex === "女"       })    }  }  module.exports = {    getData: getData  }</wxs>
15:

是的,小程序里面同一标签for的优先级比if高。还是建议先在js处理好数据再循环吧

拾忆:

先用JS处理下,生成一个新的数组,然后前端显示。

-EOF-

AI助手支持GPT4.0


国内超级便宜服务器

摸鱼人热门新闻聚合

钻级赞助商 我要加入

开发者在线工具

第三方支付技术请加QQ群

相关文章
小程序创建图片消息报错 HTMLInputElement is not defined ?
是否有专门的开发团队?
怎么设置小程序的banner?
如何让甲方负责发布小程序?或者是说甲方有授权?
可不可以去掉“我的”页面内“我要开店”这个功能?
随便看看
企业微信通讯录账号被管理员误/恶意删除,怎么办? 9568
问题? 9048
如何快速搭建抽奖助手小程序(无需代码知识) 6177
许涛 大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 7472
小程序搜一搜全称搜索不显示 麻烦解决一下!谢谢 6793
我的小程序广告收款主体是个体工商户,每个月邮寄两次发票很是麻烦,我年底的时候打包邮寄一次可以么? 6128
如何解决渲染层网络错误Failed to load media? 17394
小程序找号找回 释放昵称? 3253
我的小程序广告主收入5301,实际进账4406,是怎么回事呀? 3109
删除部分微信用户个人数据的通知,怎么删除? 6381