当前位置: 首页 > 知识库问答 >
问题:

javascript - wx:for序号的一个问题求解?

宗冷勋
2024-02-03
Page({  data: {    objectArray: {      12:{ id: 5, unique: 'unique_5' },      16:{ id: 4, unique: 'unique_4' }    }  }})index.wxml<view wx:for="{{objectArray}}" wx:key="item"> {{index}}{{item.unique}} </view>

image.png
模板中{{index}}显示的是12、16,按照手册中的说法index是数组对应的下标。但是面对这样的data数据,我想显示1、2、3.....这样的序号。该怎么处理?

共有1个答案

燕光熙
2024-02-03

为什么模板中{{index}}显示的是12、16,因为 objectArray 是个对象,你取的是key;
想显示1、2、3.....这样的序号,绑定 data-index="{{index}}"
注意:把你之前的代码index 换个其他的字段。

 类似资料:
  • 定义一个组件: 来调用这个组件的页面: 运行之后点击页面中的文字atts,你会发现alert弹出了一次。按理说不是应该弹出两次才对的吗? 然后我略微的修改下组件: 这次再来点击中的文字atts,你会发现alert弹出了两次。 啥原因啊?

  • 不是应该为['xiaomings',300]吗?

  • 本文向大家介绍微信小程序wx:for和wx:for-item的用法详解,包括了微信小程序wx:for和wx:for-item的用法详解的使用技巧和注意事项,需要的朋友参考一下 wx:for="{{list}}"用来循环数组,而list即为数组名wx:for-item="items" 即用来定义一个循环过程中每个元素的变量的 如果是一维数组,按照如下方式循环出来: 以上代码中,item即为list的

  • 我想匹配一段字符串中所有的input 并使用replace进行替换,如果input里面有类似data-* 这种自定义属性的就跳过 不知道这种正则该怎么写,我也阅读了文档并使用google。都没找到 比如 <input type='text' /> 这种Input就匹配,<input data-xxx /> 带有自定义属性的input 正则则不匹配

  • 请问这种 space-between 两端对齐的,最后一行 怎样靠左和上面的一样正常显示,而不是最后一个跑到最右边去了, 网上找了很多,加伪类之类的方法都不行,请问如何去做合适?

  • 上面是代码,想执行'person1.func3()'。 结果如下图