微信小程序学习笔记（四）

1、微信小程序不支持jquery，不支持dom操作，小程序采用数据绑定形式。

可以通过判断条件控制组件，在wxml添加if语句

例如：<image wx:if="{{condition}}" src="/images/img1.png" ></image>

            <image wx:else src="/images/img2.png"></image>

if语句形式为   wx:if，wx:elif，wx:else

2、微信小程序提供的交互方法（常用）

wx.showToast和wx.hideToast，显示消息提示框。

wx.showToast({title:'成功',icon:'success',duration:2000})

wx.showLoading和wx.hideLoading，使用场景页面数据加载时需使用loading提示用户等待。

官方api，显示 loading 提示框。需主动调用 wx.hideLoading才能关闭提示框。

3、跳转链接带参数方法

示例：const id = event.currentTarget.dataset.postid

wx.navigateTo({

    url:"../detail/detail?id="+id

})

注意在url链接后面用“？“直接拼接。带过去的参数可通过onLoad方法进行获取，onLoad(options)

4、小程序循环

可以使用<block></block>包裹循环内容。

<block></block>标签不会渲染，预览页面也不会呈现，仅用来包裹内容。

循环可以写在<block></block>标签上，也可以写在循环的最外层<view></view>标签。

循环方法为wx:for = '{{ 循环数组 }}'   wx:for-item = '循环值'   wx:key = 'key值'   wx:for-index = '下标'

循环值默认为wx:for-item='item'，下标默认值为wx:for-index='index'，所以如果不设置就将使用默认值，就可以省略wx:for-item和wx:for-index。

5、版本号判断

微信小程序提供了wx.canIUse方法来判断小程序的API，回调，参数，组件等是否在当前版本可用。

这个方法是用来判断版本号当前版本是否可用，从而进行兼容处理操作。