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

小程序 文章 2022-03-08 18:40 529 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群

相关文章
微信红包封面审核已通过,换了不同网络/浏览器,普通支付无法跳转,支付无反应!!排期节点十分紧张,请问
小程序里的webview页面可以向其他小程序或者APP跳转吗?
部署到服务器,获取用户openid请求api时超时,服务器上没有外网,怎么做?
原来【微信小店】捆绑系统自带的小程序,现在升级成【微信小商店】,那原来的那个小程序的数据呢?
企业主体的小程序商城的钱可以提现到个人银行卡吗?
随便看看
微信公众号免300认证教程 5120
小程序已经上线,作为管理员无法在小程序数据助手查看数据? 4431
小程序广告组件通过审核,但是小程序内没有显示广告? 4404
企业微信通讯录账号被管理员误/恶意删除,怎么办? 8443
问题? 7663
如何快速搭建抽奖助手小程序(无需代码知识) 5228
许涛 大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 6498
小程序搜一搜全称搜索不显示 麻烦解决一下!谢谢 5798
我的小程序广告收款主体是个体工商户,每个月邮寄两次发票很是麻烦,我年底的时候打包邮寄一次可以么? 5459
如何解决渲染层网络错误Failed to load media? 16707