小程式初涉——入口頁設定&事件繫結
阿新 • • 發佈:2019-01-04
入口頁設定
情景一:小程式初始化頁面
根目錄下的app.json檔案中,控制pages陣列,設定在第一行的頁面就是預設啟動頁面
例如下面的設定中,home頁就是啟動頁面,想要修改啟動頁,只需要改變排列順序即可。
//app.json
{
"pages":[
"pages/home/home",
"pages/login/login",
//...
],
"window":{
//...
},
//...
}
情景二:開發不同頁面時希望不要每一次重新整理都回到初始頁
可以在微信開發工具中進行設定
步驟如下:
tip:此處的視覺化修改都可以對應到專案的
project.config.json
檔案內的設定,該編譯設定對應的就是如下:
//project.config.json
{
//...
"condition": {
//...
"miniprogram": {
"current": -1,
"list": [
{
"id": 1,
"name": "test",
"pathName" : "pages/index/index",
"query": ""
},
//...
]
}
}
}
事件繫結
bind事件繫結不會阻止冒泡事件向上冒泡,catch事件繫結可以阻止冒泡事件向上冒泡。
使用capture-字首阻止事件的冒泡和捕獲