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> |
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输入的内容，后面是渲染出的组件
有什么问题吗？？？
你输入了的222位字符串，并不是数字，wxml循环渲染的时候会分隔字符串'222',长度为3，所以渲染了3个view，有什么问题？？？