当前位置：公众IT > 技术文章 > 大佬们，请问wx:for中套if的如何显示序号？

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

新闻来源：互联网资料整理发布时间：2023/4/5 13:30:10 共计：4603 浏览

前言：

2小时前小编发现微信小程序用户：【龙途】提出了一个关于“大佬们，请问wx:for中套if的如何显示序号？”的问题,在问题中开发者龙途对该问题做了如下阐述：

问题类型：

其他开发相关的问题:

问题描述：

需求是一组数据，类似如下：

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

要求渲染后可以有性别过滤（全部、男、女三种）并输出序号，类似：

1、张1
2、张3
3、张5

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

注：以上是微信小程序开发者：”龙途”对于本问题的一些阐述，这里做一个引用，我们将实时关注微信小程序助手对该问题提出的解决方案。

解决方案：

【1小时前】微信小程序技术运营专员对用户龙途提出的大佬们，请问wx:for中套if的如何显示序号？给予如下回复

// page.js
Page({
  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>