官方API使用
首先需要找到想要使用的API文档。在基础文档里位置如下。找到之后,查看文档中关于此接口的说明,查看使用方法和使用案例后即可使用。
路由跳转模块
页面路由:提供通过不同的url访问不同的页面,包括跳转到应用内的指定页面、用应用内的某个页面替换当前页面、返回上一页面或指定的页面等
、
实现Ability内页面的跳转和数据传递。
首先需要导入router模块
![](https://i-blog.csdnimg.cn/blog_migrate/0e5b88433297b7e469f0c0a9a2fd9b00.png)
方式一
router.push(),跳转到指定页面。
每调用一次router.push()方法,均会新建一个页面。默认情况下,页面栈数量会加1,页面栈支持的最大页面数量为32。
示例
![](https://i-blog.csdnimg.cn/blog_migrate/a879a60eeae5af07ee91709b51452e16.png)
方式二
router.push(),分单实例模式和标准模式。
方式三
router.replace(),即使用新的页面替换当前页面,并销毁被替换的当前页面,页面栈数量不变。
![](https://i-blog.csdnimg.cn/blog_migrate/f61b52e3b4c23cf79607194a81b9cf86.png)
router.replace(),分单实例模式和标准模式。
![](https://i-blog.csdnimg.cn/blog_migrate/42639c26ff9db98cff527481bdbdcd1e.png)
router.replace(),分单实例模式和标准模式。
![](https://i-blog.csdnimg.cn/blog_migrate/ba3dbbcf863cc3f7c2b5a2c8b022d3f3.png)
router.back()
与router.push()搭配使用,当使用router.push之后才可以用router.back()进行返回。这种方法不会新建页面,返回的是原来的页面
![](https://i-blog.csdnimg.cn/blog_migrate/34d9d19a4db45d89a1b1b79a69cc8671.png)
信息传递
跳转页面通过router.getParams()方法获取Index页面传递过来的自定义参数。
![](https://i-blog.csdnimg.cn/blog_migrate/d6544066b08e56c7a7bddee64a092174.png)
原页面通过router.getParams()方法获取Second页面传递过来的自定义参数。
![](https://i-blog.csdnimg.cn/blog_migrate/56f5a8bcb58e546f7714efe979e002c4.png)
注意事项
使用跳转模块时,页面栈支持的最大页面数量为32。当超过32时,便不会再跳转了,所以推荐使用router.push()模块的单实例模式,即跳转方式中的方式二。
router.push()的单实例模式仅在API9下可以使用。
在使用router.back方法时,必须要再次之前使用一次router.push()方法。
当页面栈内的页面数超过数量时,可以使用router.getLength()方法获取当前页面内的页面数量,然后再,然后在使用router.clear()方法清除页面栈。
数据请求模块
首先需要导入http 模块
![](https://i-blog.csdnimg.cn/blog_migrate/7184cab2d64c28c1c1f2ab203941ff56.png)
配置权限
在config.json的module模块里配置,示例如下。
配置网络权限
![](https://i-blog.csdnimg.cn/blog_migrate/d6332d50ba15e58c0e6678e23cb944fe.png)
弹窗模块
首先需要导入prompt模块
![](https://i-blog.csdnimg.cn/blog_migrate/4d4e6facf14df426215598e7d9f0a0cf.png)
主要使用的是prompt.showToast()方法,作用是可以在屏幕上弹出提示信息。message是弹出的消息,而duration是弹出的时间,单位是毫秒。1000是1秒,则2000是2秒。
![](https://i-blog.csdnimg.cn/blog_migrate/53c170293e342feb5c67028df19544d0.png)
绑定事件
用on加事件名称,不同的组件有不同的事件类型。通用事件如下:
点击事件
![](https://i-blog.csdnimg.cn/blog_migrate/fd88ae4623c024e6c2f65218960e9fcb.png)
触摸事件
![](https://i-blog.csdnimg.cn/blog_migrate/fbeffec7add7fb73454681926cd98996.png)
挂载卸载事件
![](https://i-blog.csdnimg.cn/blog_migrate/0f35b965b2ef273b1727a665462e210b.png)
拖拽事件
![](https://i-blog.csdnimg.cn/blog_migrate/35b0095df7d3c4c2c9dce750b5658563.png)