1. 程式人生 > >小程式初涉——入口頁設定&事件繫結

小程式初涉——入口頁設定&事件繫結

入口頁設定

情景一:小程式初始化頁面

根目錄下的app.json檔案中,控制pages陣列,設定在第一行的頁面就是預設啟動頁面

例如下面的設定中,home頁就是啟動頁面,想要修改啟動頁,只需要改變排列順序即可。

//app.json
{
    "pages":[
        "pages/home/home",
        "pages/login/login",
        //...
    ],
    "window":{
        //...
    },
    //...
}

情景二:開發不同頁面時希望不要每一次重新整理都回到初始頁

可以在微信開發工具中進行設定

步驟如下:
image
image
image

tip:此處的視覺化修改都可以對應到專案的project.config.json檔案內的設定,該編譯設定對應的就是如下:

//project.config.json
{
    //...
    "condition": {
        //...
        "miniprogram": {
            "current": -1,
            "list": [
                {
                    "id": 1,
                    "name": "test",
                    "pathName"
: "pages/index/index", "query": "" }, //... ] } } }

事件繫結

bind事件繫結不會阻止冒泡事件向上冒泡,catch事件繫結可以阻止冒泡事件向上冒泡。

使用capture-字首阻止事件的冒泡和捕獲