路由跳转模块-实现Ability内页面的跳转和数据传递
首先导入router模块再进行跳转
跳转方式有五种
方式一:router.push(),跳转到指定页面。
![](https://img-blog.csdnimg.cn/img_convert/16ff6a0317010d630b6ce5378b912e78.png)
方式二:router.push(),分单实例模式和标准模式。
![](https://img-blog.csdnimg.cn/img_convert/cb11984b1825d1b58d017eb4988635a1.png)
方式三:router.replace(),即使用新的页面替换当前页面,并销毁被替换的当前页面,页面栈数量不变。
![](https://img-blog.csdnimg.cn/img_convert/a503c6e74716a5ba104514724861b480.png)
方式四:router.replace(),分单实例模式和标准模式。
![](https://img-blog.csdnimg.cn/img_convert/4493970708a34b981e0329ee2de931f6.png)
方式五:返回跳转outer.back()
与router.push()搭配使用,当使用router.push之后才可以用router.back()进行返回。这种方法不会新建页面,返回的是原来的页面。在使用router.back方法时,必须要再次之前使用一次router.push()方法。
![](https://img-blog.csdnimg.cn/img_convert/5b5912d226b44cdaef3dfbd4e1daee74.png)
信息传递
跳转页面通过router.getParams()方法获取Index页面传递过来的自定义参数
![](https://img-blog.csdnimg.cn/img_convert/3ff655b929c3fe15de983268580d554b.png)
原页面通过router.getParams()方法获取Second页面传递过来的自定义参数。
![](https://img-blog.csdnimg.cn/img_convert/b5e74a545260cd0d8a88166a64431f1e.png)
数据请求模块
首先需要导入http 模块
![](https://img-blog.csdnimg.cn/img_convert/e0fe330a7cad7a03f23bfc1bbbe05271.png)
在config.json的module模块里配置,配置网络权限。
![](https://img-blog.csdnimg.cn/img_convert/1f33c1d7aa98044d711cbd5a8b120e10.png)
弹窗模块
首先需要导入prompt模块
![](https://img-blog.csdnimg.cn/img_convert/6525755db35441f72c556422d6adeeca.png)
主要使用的是prompt.showToast()方法,作用是可以在屏幕上弹出提示信息。message是弹出的消息,而duration是弹出的时间,单位是毫秒。1000是1秒,则2000是2秒。
![](https://img-blog.csdnimg.cn/img_convert/b1d487bf29546cbe8cef61d630dd6890.png)
绑定事件 用on加事件名称,不同的组件有不同的事件类型
类型一:点击事件
![](https://img-blog.csdnimg.cn/img_convert/3eaa12845d233c94ecfff46d1e897198.png)
类型二:触摸事件
![](https://img-blog.csdnimg.cn/img_convert/7f9ea5ab0ffa32103caccb86bfb11e95.png)
类型三:挂载卸载事件
![](https://img-blog.csdnimg.cn/img_convert/4b174d6649660523b5b73c89ca3e447e.png)
类型四:拖拽事件
![](https://img-blog.csdnimg.cn/img_convert/16da510c0e1598a37d9b5e456f816332.png)