ETL小白教學第一篇---頁面跳轉、傳值
發布時間：2018-04-25 10:27 所屬欄目：小程序開發教程
|
最近有幾個小白找到我，給他們解決bug，都是一些非常非常非常非常基礎的bug。 讓他們看微信小程序的官方文檔也不愿意看，思前思后，決定來一篇基礎教學，希望能夠幫助0基礎的童鞋們。 入門篇-----hello world 你以為我會這樣寫嗎？ 不會的 首先說明第一篇的教學內容 一、學習頁面的跳轉 二、學習事件（點擊事件等） 0、創建頁面 有不少小白是在目錄里右鍵>新建>然后新建wxml、js、json等文件
現在給小白們一個便捷的方法，在app.json中，輸入你的路徑那么就會自動給你生成 js、json、wxml和wxss這4個文件
哈？。。。。為什么寫0？ 連文件都建不出來怎么學啊 1、頁面的跳轉 頁面的跳轉分2種，第一是wxml頁面內部進行跳轉，第二是給事件進行跳轉 第一 wxml頁面內部進行跳轉 使用navigator這個方法可以在wxml頁面進行跳轉 文檔傳送門》傳送門 在A頁面的wxml里面加上
[AppleScript] 純文本查看 復制代碼
在B頁面的wxml里面加上
[AppleScript] 純文本查看 復制代碼
這樣wxml內部跳轉就完成啦，不過各位要注意，微信小程序規定了跳轉只能有5個頁面 也就是說 A>B>A>B>A 之后就不能跳轉了，所以在設計頁面的時候要注意頁面層次 第二 給事件進行跳轉 事件是寫在js里面的，具體來說是js>page里面的 文檔傳送門》傳送門 首先寫出事件 js代碼 要注意2個方法間是要用逗號隔開,英文逗號哦
[AppleScript] 純文本查看 復制代碼
TouchToB:function(){
wx.navigateTo({
url: 'B',
})
}
wxml頁面進行調用事件 bindtap="XXX"是點擊觸發XXX事件 wxml代碼如下
[AppleScript] 純文本查看 復制代碼
這樣用事件進行頁面跳轉就完成啦 上面已經完成了一和二的教學 事件方面不止點擊，還有其他方法 文檔傳送門》傳送門 任務：完成 從B頁面用事件跳轉到A頁面 額外學習 頁面間的傳值 兩個頁面用的是KV形式 所謂的KV形式是k=v&k2=v2這樣子 完整的請求是 url?KV傳值 ，接受是在跳轉后的頁面onLoad方法里面
|
