關於微信小程式this.data方法的不能實現資料呼叫的解決方法
今天做小程式時遇到一個小小的問題,在呼叫this.data方法的時候發現數據並不能傳遞過去
onLoad: function(option) {
var postId = option.id;
var postData = postsData.postList[postId];
this.data.postdata = postData;
},
然後我分別在頁面跳轉方法、以及onLoad生命週期函式中用console.log除錯,點選跳轉各個頁面,並沒有發現異常。都能成功的獲取到id以及postData中的資料。
然後我將this.data方法改用setData方法
onLoad: function(option) {
var postId = option.id;
var postData = postsData.postList[postId];
this.setData({
postdata:postData
})
},
問題解決~
相關推薦
關於微信小程式this.data方法的不能實現資料呼叫的解決方法
今天做小程式時遇到一個小小的問題,在呼叫this.data方法的時候發現數據並不能傳遞過去 onLoad: function(option) { var postId = option.id; var postData = postsData.postList[postId]
微信小程式 this.data與this.setData
一、摘要 小程式中我們會經常使用到this.data與this.setData。其中this.data是用來獲取頁面data物件的,而this.setData是用來更新介面的。那麼他們之間的區別與聯絡你真的搞懂了嗎? 二、正文 this.data可以獲取頁面data物件,但是它返回的物件到底是新的物
微信小程式this.data和this.setData()的區別
this.data是用於同步 this.setData({})是用於非同步,比如網路請求 比如this.data.itemData = itemData 這句話是什麼意思呢? 其實是把右邊的it
微信小程式swiper控制元件卡死的解決方法
微信小程式swiper控制元件,在使用過程中會偶爾出現卡死現象(不能再左右滑動),跟蹤一下,歸結原因可能是swiper元件內部問題,當無法響應使用者快速翻動動作時,當前頁變數current無法變更為正確頁碼索引,而是被置為0,所以,解決這個問題的思路如下:swiperchan
微信小程式不支援wx.getUserInfo授權的解決方法
微信小程式最近被吐槽最多的一個更改,就是使用者使用wx.getUserInfo(開發和體驗版)時不會彈出授權,正式版不受影響。現在授權方式是需要引導使用者點選一個授權按鈕,然後再彈出授權。我最近圍繞這個做了一些研究,來看看我是如何做好這個授權。·1.使用者進來一個頁面時,按照
[微信小程式]this.setData , that.setData , this.data.val三者之間的區別和作用
有問題可以掃碼加我微信,有償解決問題。承接小程式開發。 微信小程式開發交流qq群 173683895 、 526474645 ; 正文: 1.this.setData({ }) <view bindtouchmove="tap_drag" b
微信小程式(看文件寫例項十)微信小程式課堂寶APP實現我的模組相關介面及邏輯
繼上篇博文,這篇完成最後一個模組,即我的模組。 一、頁面效果 這個模組是和使用者型別相關的,因此老師賬號和學生賬號能看的功能不一樣,老師端效果如下: 點選頭像到達個人資訊如下: 點選後可以做相應的修改。學生端的介面如下: 修改密碼的頁面如下: &nbs
微信小程式(看文件寫例項八)微信小程式課堂寶APP實現練習模組前臺
接上篇博文,這篇主要描述練習模組的前臺顯示,其中包括test頁面,答題detail頁面以及提交答題後答卷answer頁面。 一、練習模組test頁面 練習頁面主要展示的是當前使用者的頭像,暱稱以及學校資訊,另外還有答題資訊,以及每個章節的練習資訊,先來看看效果: grid用的是樣式
微信小程式(看文件寫例項七)微信小程式課堂寶APP實現線上課堂測試
接著上篇博文已經完成簽到功能,這篇來完成課堂測試功能。 一、需求描述 1、在後臺選擇題、主觀題表中上傳測試題 2、客戶端獲取題目資訊 3、把題目資訊格式化載入顯示 4、客戶端答題,主觀題每題能上傳一張答題圖片 5、客戶端答題結束提交到伺服器 二、前臺頁面 提交大量資料
微信小程式(看文件寫例項六)微信小程式課堂寶APP實現簽到邏輯
繼上篇博文,這篇寫下籤到實現的邏輯。 一、實現邏輯 發起簽到 1、先上傳當前自己的定位經緯度 2、學生查詢老師的最後一次簽到記錄,如果發現簽到記錄signComplete為false說明有新的簽到 3、得到簽到的第幾次課 4、系統獲得學生的定位經緯度 5、判斷兩點經緯度轉
微信小程式(看文件寫例項五)微信小程式課堂寶APP實現獲取簽到列表
根據上篇博文,這篇主要實現獲取簽到列表邏輯。 獲得簽到列表主要有以下步驟: (1)查詢老師的ID (2)查詢老師的簽到記錄 (3)如果當前使用者是老師,直接顯示所有記錄,因為簽到記錄都是老師發起的,肯定每次都簽到 (4)如果當前使用者是學生,以老師的簽到列表作為長度,然後以ite
微信小程式(看文件寫例項四)微信小程式課堂寶APP實現簽到子頁面佈局及課程視訊播放頁面
一、簽到子頁面佈局 子頁面主要是一個簽到按鈕,然後下方是簽到記錄列表。 1、簽到按鈕 佈局程式碼: <button class='sign-button' bindtap='sign'>簽到</button>
微信小程式(看文件寫例項三)微信小程式課堂寶APP實現整體介面框架及首頁佈局
一、首頁佈局簡單思路 回顧上一篇博文,首頁的內容主要有輪播圖,橫向滑動選單以及選單對應的view,橫向滑動選單有簽到、課堂測試、模擬測試、課堂提問、答問記錄五個選項,當點選選項時更新顯示view。由於素材和時間有限,所以佈局做得相對簡單,主要是側重思路及程式碼邏輯。 二、輪播圖 檢視文件
微信小程式之下拉列表實現(附完整原始碼)
目錄 一、效果圖 二、實現原理 三、原始碼 四、專案下載 同類文章推薦: 更多幹貨關注公眾號: 一、效果圖 二、實現原理 跟網頁的下拉列表實現是一樣的,剛剛開始預設下拉的內容的是不顯示的(display:none),然後通過點選的時
微信小程式+SpringBoot+mybatis+MySQL實現簡單的登入
微信小程式+SpringBoot+mybatis+MySQL實現簡單的登入 當下微信小程式和springboot都是比較火的。今天我們來用springboot和微信小程式來實現簡單的登入。 1.首先來完成微信小程式端,新建一個微信小程式。 如果不會的可以檢視我的上一篇文章開發微信小程式簡
微信小程式-頁面間值傳遞的2種方法
一:url帶引數傳遞 與前端語言一樣,小程式頁面間的傳遞可以通過在路由url後接引數,路由的同時會將引數一併傳遞到新的頁面。 index.wxml: <!--index.wxml--> <view c
微信小程式 image圖片元件實現寬度固定 高度自適應
新增mode屬性 <image class="empty-icon" src="/pages/image/list-emptyx2.png" mode="widthFix"></image> mode 有效值: mode 有 13 種模式,其中 4 種是縮放模式
微信小程式如何使用Git實現版本管理
在微信小程式開發的過程中,程式碼版本管理往往需要使用第三方工具進行管理。雖然微信Web開發工具提供了對Git檔案版本狀態的提示,但實際的使用體驗依然不盡人意。 隨著微信Web開發工具的更新,最新的內測版本已經支援Git的直接管理,本文將就在微信Web開發工具中使用Git做版
微信小程式~雲開發的實現的一個社群 Demo(即將完結~)
微信雲開發 官方介紹 開發者可以使用雲開發開發微信小程式、小遊戲,無需搭建伺服器,即可使用雲端能力。雲開發為開發者提供完整的雲端支援,弱化後端和運維概念,無需搭建伺服器,使用平臺提供的 API 進行核
微信小程式中使用Animation實現簡約Loading效果
效果圖: wxml內容: <!-- loading.wxml --> <view class="loading"> <view class="dot" anim