微信小程序學習筆記(四)

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,回調,參數,組件等是否在當前版本可用。

這個方法是用來判斷版本號當前版本是否可用,從而進行兼容處理操作。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章