官术网_书友最值得收藏!

任務7 跳轉到子頁面

任務描述

實現頁面之間的跳轉功能。

1)在首頁添加按鈕,綁定事件,通過事件實現跳轉到另一子頁面。

2)在子頁面添加鏈接,用鏈接實現跳轉到首頁。

操作步驟

1 新建一個小程序項目,如圖1-46所示。

圖1-46 新建一個小程序項目

2 打開index/index.wxml文件,添加“<button bindtap="tologs">跳轉到日志頁面</button>”組件,得到一個綁定了tologs函數的按鈕,如圖1-47所示。

圖1-47 綁定了tologs函數的按鈕

3 打開index/index.js文件,添加:

設計的函數名稱是tologs,執行跳轉到../logs/logs頁面的功能,如圖1-48所示。

圖1-48 設計的函數名稱是tologs

4 打開logs/logs文件,添加:

實現跳轉到../index/index頁面的功能,如圖1-49所示。

經驗分享

在頁面跳轉實現中,不管是應用API函數wx.navigateTo({url: '../logs/logs'}),還是應用組件<navigator url="../index/index">,其中的url的定義就相當于網頁設計中的URL(統一資源定位符),路徑的應用也與網頁設計的相似。

圖1-49 實現跳轉到../index/index頁面的功能

知識鏈接

在微信小程序項目開發中,若有多個頁面,則頁面之間的跳轉是必不可少的。頁面之間的跳轉實現有許多方式,既可以通過JavaScript命令實現,也可以通過鏈接實現。

主站蜘蛛池模板: 封丘县| 青阳县| 卢龙县| 晴隆县| 界首市| 易门县| 新泰市| 彭阳县| 常州市| 渝北区| 盘山县| 理塘县| 乌拉特后旗| 内江市| 平远县| 玉林市| 万盛区| 宜章县| 重庆市| 来宾市| 鹿邑县| 怀化市| 西平县| 土默特左旗| 河南省| 开封县| 泸溪县| 抚松县| 湖北省| 邹城市| 唐河县| 五华县| 富裕县| 八宿县| 辽中县| 元江| 长垣县| 文水县| 双柏县| 苏尼特左旗| 宜州市|