wxml文件

<view class='item'>   <text class='left'>参赛人数</text>   <input name='school' class='left' type="number" placeholder="请输入参赛人数" bindinput="number"/> </view>   <view wx:for="{{teamer_num}}" wx:key="unique">   <view>啊啊啊啊啊</view> </view>

js代码

data: {   teamer_num:0 },   number:function(e){   this.setData({     teamer_num:e.detail.value   })   console.log(this.data.teamer_num) },

使用input组件接收一个值，存储在相应js文件的data中的一个变量中。将该变量作为一个循环渲染的次数，另外创建一个view容器进行循环渲染，结果循环的次数是前面input组件输入的数字位数，效果如图

第一行是input，第二行是view

同上，第一行是input输入的内容，后面是渲染出的组件