使用input组件修改循环渲染的循环次数时,渲染次数有误
发布于 7 年前 作者 atian 2030 次浏览 来自 官方Issues

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输入的内容,后面是渲染出的组件

1 回复

有什么问题吗???

你输入了的222位字符串,并不是数字,wxml循环渲染的时候会分隔字符串’222’,长度为3,所以渲染了3个view,有什么问题???

回到顶部