2017招远网站建设,互联网小白怎么入门,怎样建设尧都水果网站,亚马逊aws永久在线观看一、页面的创建
#xff08;1#xff09;直接通过创建一个新的Page的方式创建 #xff08;2#xff09;先创建一个 ArkTs File文件#xff0c;然后在resources/base/profile/main_pages.json中加上页面对应的src路径#xff0c;下面的Index_3.ets文件是通过创建ArkTs Fi…
一、页面的创建
1直接通过创建一个新的Page的方式创建 2先创建一个 ArkTs File文件然后在resources/base/profile/main_pages.json中加上页面对应的src路径下面的Index_3.ets文件是通过创建ArkTs File文件生成的需要加上src路径 加上路径后的显示 二、路由 - 操作
首先导入
import router from ohos.router
普通跳转可以返回
相当于栈可以每次跳转都是入栈每次返回都是出栈页面栈的最大容量是32个页面
提示页面地址是resources/base/profile/main_pages.json里的src地址
router.pushUrl({url:页面地址
}) 替换跳转无法返回
提示页面地址是resources/base/profile/main_pages.json里的src地址
router.replaceUrl({url:页面地址
}) 返回
router.back() 获取页面栈的长度
router.getLength() 清空页面栈
router.clear() 三、路由模式
两种路由模式
Standard无论之前是否使用过一直添加到页面栈中默认
Single如果目标页面已存在会将已有的最近同url页面移到栈顶 路由模式的设置方式
在挑战页面的第二个参数设置路由模式
router.pushUrl(options,mode)
示例 router.pushUrl({url:pages/Index_2
},router.RouterMode.Single) 四、路由传参
传递参数的示例 router.pushUrl({url:pages/Index_3,params: {username:this.username}
}) 接受参数的示例 aboutToAppear():void{console.log(JSON.stringify(router.getParams()))const params router.getParams() as 类型//例如获取params中的username属性console.log(我的用户名是params.username)} 五、demo演示
第一个页面Index.ets 效果跳转的到Index_2.ets页面
import router from ohos.routerEntry
Component
struct Index {build(){Column() {Text(第一个页面).fontSize(50).onClick((){router.pushUrl({url:pages/Index_2},router.RouterMode.Single)})}}
}
第二个页面Index_2.ets效果跳转的到Index_3.ets页面同时传递参数username
import router from ohos.router;Entry
Component
struct Index_2 {State username:string cshbuild(){Column() {Text(第二个页面).fontSize(50).onClick((){router.pushUrl({url:pages/Index_3,params: {username:this.username}})})}}
}
第三页面Index_3.ets效果接收Index_2.ets页面传递来的参数并通过日志输出
import router from ohos.router;interface ParamsObj{username:string
}Entry
Component
struct Index_3 {aboutToAppear():void{console.log(JSON.stringify(router.getParams()))const params router.getParams() as ParamsObjconsole.log(我的用户名是params.username)}build(){Column() {Text(第三个页面).fontSize(50)}}
}
