Switch和case语句我们主要应用在小程序中对应的.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所示。