微信小程序学习笔记(四)

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,回调,参数,组件等是否在当前版本可用。

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容