微信小程序中的基础语法

时间:2022-06-11
本文章向大家介绍微信小程序中的基础语法，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

代码演示在微信小程序中的数据绑定思想，wx：if/wx:elif/wx:else,改变数据的方法this.setData({})使用，最终的结果是，让页面的显示随之按钮的点击实现循环的切换

<!--wxm-->
<view class='num'> {{count}} </view>
<view class='txt'wx:if="{{show=='part01'}}">hello wechar</view>
<view class='txt' wx:elif="{{show=='part02'}}">hello world</view>
<view class='txt' wx:else="{{show=='part03'}}">good morning</view>
<button bindtap="add">点击我</button>
//index.js

Page({
  data: {
    count:0,
    arr:['part01','part02','part03'],
    show:'part01'
  },
  //事件处理函数
  add:function(){
    this.setData({
      count:this.data.count+1,
      show:this.data.arr[this.data.count%3]
    })
  }
})

随机文章
本站知识点必读
最近更新