位置:电子教程 > 微信小程序入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
小程序起步
小程序基础知识
小程序基础语法
当前阅读教程:微信小程序入门教程 > while语句
阅读(22555525)      收藏       赞(5685)      分享
上一篇: for语句 下一篇: switch和case语句

小程序的wxml循环是使用for语句,但是我们在小程序对应的.js文件里面可以使用while语句来做循环。

下面通过案例来介绍While语句,通过按钮来调用事件实现循环和设定值,然后显示。

.wxml文件代码示例

小白教程网www.2d5.net

如下:

<view>{{var01}}</view>
 
<button  bindtap='setvar01' type='primary' style='width:90%'>
  通过事件来改变变量的值
</button>


.js脚本中的代码示例

小白教程网www.2d5.net

如下:

data: {
    var01:3,
  },
setvar01: function () {
    while (this.data.var01 < 11) {  <!--使用传统的JavaScript语法-->
      console.log(this.data.var01)  <!—输出在console控制台而不是wxml页面-->
      this.data.var01 = this.data.var01 + 1
    } 
    this.setData({   /*如果不用setData函数设置,页面的值(变量var01)不会改变*/
      var01: this.data.var01  
    })
},


点击前和点击后的效果如图9-13和图9-14所示

image.png

日志输出的循环效果如图9-15所示

image.png



上一篇: for语句 下一篇: switch和case语句
毕业设计网             广告联系QQ:45157718(微信同号)