微信小程式開發中遇到的問題。總結
阿新 • • 發佈:2019-02-16
開發遇到問題:
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
})
關閉當前頁面:
4.css屬性 border-radius:15px;設在圓角 5. 記住判斷是所有的邏輯都要放在{{}}裡面。錯誤寫法wx:if="{{item.sign_way}}==3" 正確寫法wx:if="{{item.sign_way==3}}" 6.小程式學習地址: 7.map 裡面的屬性controls是在介面上的絕對位置。不隨地圖來回移動。 8. 給data資料賦值的程式碼:例子
在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總是得不到。
3.A B2個頁面a跳轉到B 。然後b選擇後關閉 如何給A裡面的變數賦值 在B的js檔案裡面做處理: 在B的js檔案裡面做處理給A裡面的變數賦值 var pages = getCurrentPages(); //得到所有的頁面 var prevPage = pages[pages.length - 2];//上一個頁面。
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,
})
}