微信小程序 获取数组长度

wxml中直接{{array.length}}

js中array.length

小程序调用API返回的数据全部都是异步的；

所以前提是要确保array中的数据，是存在的

通过改变数组长度动态增删组件

<block wx:for="{{数组}}">

组件

</block>

1

2

3

1

2

3

2、点击添加按钮，增加数组的成员，组件相应增加

点击删除按钮，减少数组的成员，组件相应删除

二、示例

wxml:

<view>

<button bindtap='onTapAdd'>添加input组件</button>

<button bindtap='onTapDel'>删除Input组件</button>

<block wx:for="{{obj}}" wx:key>

<input value="{{item}}"></input>

</block>

</view>

1

2

3

4

5

6

7

1

2

3

4

5

6

7

js:

data: {

obj:[]

},

/***增加组件 */

onTapAdd:function(e){

var temp=this.data.obj

temp.push(this.data.obj.length)

this.setData({

obj:temp

})

},

/***** 删除最后一个组件，也可以修改删除指定组件*/

onTapDel:function(e){

var temp = this.data.obj

temp.pop(this.data.obj.length)

this.setData({

obj: temp

})

},

---