使用input组件修改循环渲染的循环次数时,渲染次数有误
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输入的内容,后面是渲染出的组件