1. 程式人生 > >微信小程式開發中遇到的問題。總結

微信小程式開發中遇到的問題。總結

開發遇到問題: 1.image設定圖片的時候圖片在開發工具上面顯示,可是執行到手機上面不顯示。仔細檢視是不是先圖片的時候。設定路徑不小心在後面加了空格。 例如: 正確:手機上顯示 <image class="icon_tubiao" src="../../image/my_jianzhi.png"></image> 錯誤:手機上不顯示 src裡面的內容後面不小心加了空格 <image class="icon_tubiao" src="../../image/my_jianzhi.png "></image> 2.資料傳值的問題:傳值的方法。(案例例如一個for迴圈。然後點選item需要知道點選的是第幾個item。)

在view上面加一個屬性id="需要得到的值" 然後設在點選事件。在js裡面的這個函式裡面獲取。 在函式裡面,引數是event。通過 event.currentTarget.id來獲取。 程式碼如下圖:
(2)第二種傳資料的方法
view裡面加個屬性為data-value=“值” data是字首。後面跟一個變數名。這個名字自己可以隨意定義。例如data-pos等等。 然後給view事件加了點選事件。有個函式名 js裡面獲取 在函式裡面,引數是event。通過 記住一定要是event.currentTarget.dataset.value;由於之前寫的event.target.dataset.value總是得不到。
var value=event.currentTarget.dataset.value;來獲取(view裡面data-變數) 獲取的時候 (view裡面data-變數) event.currentTarget.dataset.變數; 就算data後面跟的名字跟獲取這裡的名字一直就可以獲取到。變數名可以自己定義 程式碼如下圖:

3.A B2個頁面a跳轉到B 。然後b選擇後關閉 如何給A裡面的變數賦值 在B的js檔案裡面做處理: 在B的js檔案裡面做處理給A裡面的變數賦值 var pages = getCurrentPages(); //得到所有的頁面 var prevPage = pages[pages.length - 2];//上一個頁面。
//給上一個頁面的變數賦值 prevPage.setData({ account: card_number }) 關閉當前頁面:
wx.navigateBack({
            delta: 1, // 回退前 delta(預設為1) 頁面
            success: function (res) {
                // success
            },
            fail: function () {
                // fail
            },
            complete: function () {
                // complete
            }
        })
例子如下圖:
4.css屬性 border-radius:15px;設在圓角 5. 記住判斷是所有的邏輯都要放在{{}}裡面。錯誤寫法wx:if="{{item.sign_way}}==3" 正確寫法wx:if="{{item.sign_way==3}}" 6.小程式學習地址: 7.map 裡面的屬性controls是在介面上的絕對位置。不隨地圖來回移動。 8. 給data資料賦值的程式碼:例子
    markertap: function () {
        var hidden = false;
        var that = this;
        if (this.data.isHidden) {
            hidden = false;
        } else {
            hidden = true;
        }
        that.setData({
            isHidden: hidden,
        })
    }