小猿圈微信小程式之JS互動邏輯
阿新 • • 發佈:2019-08-17
微信小程式是當今很火的潮流,相信很多朋友和我一樣一半不喜歡下載app,喜歡直接在微信中就可以開啟然後使用,這樣既可以方便使用,又不佔咱們的手機記憶體,所以被我們廣大使用者所接受;那當然就火起來了,小猿圈加加這篇文章告訴大家一個微信小程式的小技巧,js互動邏輯,看到後一定要收藏哦,會用到的。
一、JS 互動邏輯
一個服務僅僅只有介面展示是不夠的,還需要和使用者做互動:響應使用者的點選、獲取使用者的位置等等。在小程式裡邊,我們就通過編寫 JS 指令碼檔案來處理使用者的操作。
<view>{{ msg }}</view> <button bindtap="clickMe">點選我</button>
點選 button 按鈕的時候,我們希望把介面上 msg 顯示成 "Hello World",於是我們在 button 上宣告一個屬性: bindtap ,在 JS 檔案裡邊聲明瞭 clickMe 方法來響應這次點選操作:
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
此外你還可以在 JS 中呼叫小程式提供的豐富的 API,利用這些 API 可以很方便的調起微信提供的能力,例如獲取使用者資訊、本地儲存、微信支付等。
在 pages/index/index.js 就呼叫了 wx.getUserInfo 獲取微信使用者的頭像和暱稱,最後通過 setData 把獲取到的資訊顯示到介面上。更多 API 可以參考文件 小程式的API 。
很實用的一個小技巧,希望大家可以收藏一下,用的時候可以直接用到,小猿圈加加最近在學習微信小程式,所以以後儘可能多分享一些微信小程式的使用技巧,如果對這方面感興趣,可以來小猿圈網看看,咱們可以一