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

Switchcase语句我们主要应用在小程序中对应的.js文件里面。wxml页面中的选择语句我们主要通过我们前面所讲的if语句来实现。

.wxml文件代码示例

小白教程网www.2d5.net

如下:

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


.js脚本代码示例

小白教程网www.2d5.net

如下:

data: {
    exp:10 /*尝试字符、数字和其他数组 看效果*/
  },
setvar01: function () {
    switch(this.data.exp) {
      case "10":
        console.log("string 10");
        this.setData({
          exp: "string 10"  /*如果不设置页面的值不会改变*/
        })
        break;
      case 10:
        console.log("number 10");
        this.setData({
          exp: "number 10"  /*如果不设置页面的值不会改变*/
        })
        break;
      default:
        console.log("default");
    }
},


点击前和点击后的效果如图9-16和图9-17所示


image.png




上一篇: while语句 下一篇: 其他
毕业设计网             广告联系QQ:45157718(微信同号)