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