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